HTML Coding

29,542 questions in this forum

1. правила синтаксиса

   #sideLeft a, span{} в браузере получается что при такой записи правила распространяются на все span`ы а не только те которые внутри тега с айди sideLeft это неправильная запись? нужно писать #sideLeft a{} #sideLeft span{} правильно?

   Asked by Sub-zerro, October 1, 2012

   0 votes
   2 answers
2. правило для nth-child

   Добрый день, в меню на ховере для раздела "Шкафы и боксы" нужно задать стили как для соседнего раздела "Модульное обороудование" а именно: чтобы первая ссылка была на бэкраунде серого цвета, а нижние ссылки без бэкраунда. Задаю правило для элемента первого ребенка : #denss_page .denss_menu_items li.denss_menu_items_parent:nth-child(4) .child a:first-child А для всех остальных ссылок: #denss_page .denss_menu_items li.denss_menu_items_parent:nth-child(4) .child a свое правило. Стили для первого ребенка наследуются для всех ссылок! Почему так происходит? Спасибо.

   Asked by mrfrunze, October 20, 2014

   • css
   0 votes
   2 answers
3. Правильная анимация блока неизвестной высоты на transition?

   http://jsfiddle.net/TdjcK/ Если два блока один в другом, оба динамической высоты в зависимости от контента. Можно ли сделать анимацию высоты блока на transition?

   Asked by Zverushka, December 12, 2013

   0 votes
   12 answers
4. Правильная верстка горизонтального меню

   Всем добрый вечер Верстая макет, я обнаружил неприятную вещь (очередной раз) - при масштабировании страницы (точнее - при максимальном уменьшении) горизонтальное меню "разваливается". Последние элементы списка как-бы не влезают в шапку, и переносятся на следующую строку. Менюшка самая обычная - есть фон, определенная высота меню (скажем, 30 пикселей). Я верстал как попало - марджины и паддинги в самих элементах списка, или в ссылках, короче говоря не задумываясь о целесообразности такой верстки, а лишь постоянно обновляя страницу и смотря внешний вид меню. Не буду голословным 1. Менюшка, которую я хочу сверстать 2. Она же при масштабировании 3. Моя верстка 4. Моя в…

   Asked by Devil_John, November 10, 2012

   0 votes
   21 answers
5. Правильная верстка?

   Заранее извиняюсь: название темы не полностью раскрывает суть вопроса. Так как у меня нет 30 сообщений и я не могу писать в раздел "Обсуждение работ" решил выложить ссылку здесь. http://www.z159113.infobox.ru Сайт-визитка с гостевой книгой(можно и даже нужно туда писать). Хочется услышать здоровую критику. Особенно интересует мнение по цветовому решению, расположению элементов и кроссбраузерной работе сайта. Есть одна проблема со скриптами под Осликом. Заранее спасибо =)

   Asked by Safronik, March 25, 2011

   0 votes
   4 answers
6. Правильная записть HTML кода

   Добрый день Подскажите как правильно написать список такого вида помещённый в блок. Правильно так делать или нудно использоваль список в построении. Но теги h2 большей значимости и поисковые запросы на них ссылаются лучше. Подскажите как правильно сделать <div id="contentindex"> <H2>Установка драйверов</H2> <H2>Антивирусная защита</H2> <H2>Восстановление информации</H2> <H2>Настройка Wi-fi интернета</H2> </div>

   Asked by virus_ostr, November 29, 2015

   0 votes
   2 answers
7. Правильная и красивая верстка

   Каким способом всё-таки правильнее позиционировать элементы, с помощью position:relative или с помощью margin? Каким способом из двух пользуетесь вы?

   Asked by Ge1i0N, February 3, 2012

   0 votes
   3 answers
8. Правильная кодировка для мобильных сайтов

   Здравствуйте. Хотелось бы затронуть тему кодировки шаблонов для мобильников. Суть проблемы вот в чем: делаю сайт специально под мобильные устройства. Все нормально-мобильники отображают сайт как надо и только одно устройство превращает текст в кракозябры. Виновник этого безобразия - Айпад эир. Операционка iOS 7.1.1 (11D201) понимаю что он кодировку не принимает. Так может кто подскажет как правильно писать кодировку чтобы все мобильные устройства ее воспринимали нормально? Может кто сталкивался? Щас стоит <meta http-equiv="content-type" content="text/html; charset="utf-8" /> Заранее спаисбо.

   Asked by Yur85, August 7, 2014

   0 votes
   6 answers
9. Правильная нарезка и верстка блока

   Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как правильно нарезать графику и сверстать такой блок: P.S. Если кому надо этот блок в формате PSD пишите свою почту скину )

   Asked by stan07, October 29, 2015

   0 votes
   1 answer
10. правильная организация элементов

    Я всю жизнь писал код так <nav id="navigation"> <ul> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> </ul></nav>а потом посредством css добавлял стили элементам #navigation{ width: 100%;} #navigation ul{ display: block; ... } #navigation ul li{ display:inline-block: ... } #navigation ul li a{ display: block; ... } #navigation ul li a:hover{ text-decoration: none; }Стили просто для примера. В принципе горя не знал, все работало. Сегодня посмотрел один миникурс, где сказа…

    Asked by anvyd, August 25, 2015

    • html
    • css
    0 votes
    3 answers
11. Правильная разметка

    Подскажите пожалуйста, как сделать то же самое, но более оптимизировано и правильно. Мне кажется что тут лишние див'ы и можно было сделать проще!? https://jsfiddle.net/dd36susm/

    Asked by oleg126, June 28, 2017

    0 votes
    1 answer
12. Правильная раскладка блоков для оптимизации

    В интернетах прочитал, что для лучшей оптимизации сайта его лучше верстать так, что бы блок с контентом шел первым (соответственно при отключенных стилях контент тоже будет идти первым, что есть хорошо). Допустим надо сделать такой простой макет: Обычно в интернетах для такого макета пишут что-то вроде этого: <div class="container"> <div class="header"></div> <div class="content-wrapper"> <div="sidebar"></div> <div="content"></div> </div> <div class="footer"></div> </div> Как видно блок content находится далеко не в начале. Вывести его вперед в блоке content-wrapper …

    Asked by bob_24, September 7, 2011

    0 votes
    3 answers
13. Правильная расстановка DIV-блоков

    Собственно вопрос от новичка. Проще нарисовать на картинке чем описывать ситуацию на словах. Пытаюсь правильно расставить DIV'ы. При этом чтобы последовательность кода не рвать. (маленькие дивы идут подряд, большой соответственно находится НЕ в середине) Скорее всего здесь придётся поколдовать с css-параметром "display", хотя не уверен. http://i.imgur.com/ViusSLH.png Не нашел как залить картинку на сервер, выкладываю ссылкой.

    Asked by Necrosss, October 17, 2015

    • DIV
    • css
    • расстановка
    • блок
    0 votes
    1 answer
14. Правильно задать отступы между элементами в статье

    Добрый день! В верстке мало опыта. Ищу универсальный и лаконичный способ описания вертикальных отступов в статье. Имею ввиду margin у заголовков, абзацев и списков. Поддерживая сайты со своей и чужой версткой часто сталкивалась, что где-то не доработано, и приходилось плодить новые правила. Чтобы итоговая верстка проходила по критериям: отступы у h1, h2, ..., p, ul, ol и всех их комбинаций между собой предсказуемы и правильны, с соблюдением принципа внутреннего и внешнего; тег первого идущего в статье заголовка можно легко заменить на другой (например, h1 на h2), не испортив дизайн; набор классов у элементов статьи сведен к минимуму; набор п…

    Asked by Svetlana_P, May 10, 2017

    0 votes
    3 answers
15. Правильно ли использовать <a><img><div></div</a>?

    Здравствуйте. Правильно ли использовать последовательность тегов <a><img><div>...</div></a>?

    Asked by borus, April 18, 2013

    0 votes
    21 answers
16. Правильно ли использовать атрибуты width="100%" height="auto" для изображений?

    Добрый день. Пытаясь решить проблему что встроенные средства WP автоматически заменяют указанные атрибуты на "строгие"цифры, в одной из офлайн службы поддержки получил ответ "WP не поддерживает такие атрибуты". У меня возник вопрос: или это некий "исторический" момент и, скажем, в будущем он может быть исправлен или есть какие то соображения что использование таких атрибутов плохо и WP целенаправленно не поддерживает их. Соответственно тогда хотелось бы понять чем использование таких атрибутов плохо? Спасибо

    Asked by tester2014, September 23, 2014

    0 votes
    4 answers
17. Правильно ли использую <figure> и <figcaption>

    У меня есть таблица и от нее идет сноска, которая находится сразу после таблицы. Я заключил всю таблицу в тег <figure> а после таблицы сноску обернул тегом <figcaption>. Хочу узнать ваше мнение, правильно ли я сделал (так как в описании тега <figure> сказано — "Используется для группирования любых элементов, например, изображений и подписей к ним.") или лучше после таблицы добавить <p> и в него вставить эту сноску? Вот таблица — http://starbuzz.16mb.com/table/

    Asked by mrnobody, July 15, 2012

    0 votes
    3 answers
18. Правильно ли оставлять пустые колонки в бутрап?

    Здравствуйте. не так давно работаю с бутстрап. Возник вопрос : Вот например есть страница на которой есть картинка (шириной в 3 колонки бутстрап) и больше ничего . Допускается ли делать так, то есть прописывать пустые колонки ? <div class="container"> <div class="row"> <div class="col-md-3"> <img src="image.png" > </div> <div class="col-md-9"></div> </div></div>или правильней делать шириной 12 колонок и с помощью своих стилей позиционировать внутри этого широкого блока?

    Asked by ishurgaya, July 9, 2015

    0 votes
    2 answers
19. Правильно ли применять разметку schema.org в категории товаров или в списке категорий?

    Здравствуйте! Вроде читал такое в яндекс вебмастере, что не стоит применять разметку на странице категории товаров(там где несколько товаров либо где отображается список категорий товаров), не получилось найти вновь, чтобы перечитать. Так ли это?

    Asked by borus, June 8, 2015

    0 votes
    4 answers
20. Правильно ли прописан код кнопки?

    Проблема заключается в тои,что на сайте не отображается кнопка. Как исправить, помогите пожалуйста. #reg_auth>a { color:white; } #reg_auth>a:hover>div.btn { border-bottom: 2px solid rgba(217, 91, 72, 1); margin-top: 5px; } #reg_auth>a:active>div.btn { border-bottom: 0; margin-top: 5px; } #reg_auth>a>div.btn { float: right; margin-right: 3%; margin-top: 5px; border-radius: 5px; padding: 5px; 9px; font-size: 1.2em; background-color: rgba(236, 101, 80, 1); text-shadow: #454545 0 0 20px; border-bottom: 4px solid rgba(217, 91, 72, 1); font-family: 'Roboto Slab', serif; }

    Asked by ZERO AMV, April 12, 2020

    0 votes
    1 answer
21. Правильно ли сделана предварительная загрузка изображений?

    Я применил вот такой цикл предварительной загрузки изображений. Т.е. each проходит по всем изображениям получает их src адрес, и загружает её в переменной att. После при клике должна без загрузки появится большая версия картинки. Я всё правильно сделал? на практике всё работает без зависаний. $('.wrapper img').each(function(){ var att =$(this).attr('src'); var qwe = /(\.\w{3,4}$)/; att=att.replace(qwe,'_q.jpg'); var newI= $('<img src="'+att+'">'); $(this).click(function(){ $('.light img').attr('src',att); });

    Asked by aqua.77, February 14, 2017

    0 votes
    0 answers
22. Правильно ли сделать сайт на одних div'ах?

    Собрался делать сайт, с такой структурой: Шапку и блок с основной информацией хочу сделать в виде Divов, не знаю только как будет правильно сделать меню. Его лучше сделать обычным html-меню или тоже блоком? Мне надо еще чтобы при нажатии на пункт меню информация появлялась в основном блоке, без перезагрузки всей страницы. Это получится сделать бе применения фрейма?

    Asked by Омск, May 8, 2015

    • div
    0 votes
    26 answers
23. Правильно ли я составила DOCTYPE?

    Мне на свой сайт нужно поставить DOCTYPE. При создании сайта я использовала HTML и CSS. Как я понимаю DOCTYPE для моего сайта должен выглядеть так: !DOCTYPE html PUBLIC "-//W3C//DTD HTML/CSS Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" (по бокам скобки) Правильно?

    Asked by anna-2010, June 15, 2010

    0 votes
    1 answer
24. Правильно ли я вывожу фрейм

    вот код...начинайте пинать ))) <!-- Общий фрейм --><div id="frame-for-All"><iframe id="frameAll" src="menu\svet_fasadi\alumin.html" width=600 allowtransparency="true" scrolling=no frameborder='no'> </iframe></div>CSS #frame-for-All {color:#fff;position: absolute;top:40px;/*bottom: 0;*/left: 600px;/*right: 100px;*//*margin: auto;*//*height: 50%;width: 50%;*//*background: #ccc;*/}а так я пытаюсь сменить файл который грузится во фрейм $('a.spider').click(function(){$('frameAll').(document).location.href = "spider.html";});

    Asked by romoga, January 26, 2014

    • iframe
    • правильно
    0 votes
    0 answers
25. Правильно ли я делаю?

    Скажите правильно ли седлано? Есть какие то недочёты? Вот как разделён у меня документ по блокам : <div class='wrapper'> <div class='header'> </div> /*Здесь контент*/ <div class='push'> </div> </div> <div class='footer'> </div> Вот стили каждого из блоков: .footer, .push { clear: both; } * { margin: 0; } html, body { height: 100%; width:100%; min-width: 1024px; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em; position: rela…

    Asked by new01, March 18, 2011

    0 votes
    6 answers