HTML Coding

29,542 questions in this forum

1. Правильно ли я решаю вопрос упорядочивания?

   Здравствуйте! На странице есть секция похожие товары, div.product-field-type-R которых упорядочиваю в строки с помощью стиля: .product-field-type-R{ float:left; display:inline-block; min-height: 196px; } Если например сделать min-height: 180px; то будет видно, какую проблему я пытаюсь решать этим стилем(появляются белые пустые места, а не помещающийся товар переносится на новую строку). По мере столкновения с новыми перескакивающими товарами я просто увеличиваю min-height. Есть ощущение, что я неверно решаю задачу. Так ли это?

   Asked by borus, October 24, 2013

   0 votes
   3 answers
2. Правильно ли я сделал верстку под разные мониторы?

   Сайт http://burzhuy.org/deal/ Проблема с первым "блоком", где изображен мужчина по имени Гейб с облачком На родительский блок gabe фоном ставлю цельное изображение Гейба с облачком background: transparent url("/deal/img/gabe_big2.png") no-repeat scroll center center / cover;Потом идет меню, блок с текстом, который должен находиться и кнопка. Блок с текстом при разных разрешениях монитора будет скакать, поэтому я сделал такие правила для этого блока. Еще этот блок растягивает родительский блок так чтобы фон не был маленьким или очень большим @media (min-width: 768px) { .cloud { padding: 6% 58% 10% 8%; } .cloud p { font-size: 15px; } .cloud span { font-s…

   Asked by afagorn, November 13, 2015

   0 votes
   2 answers
3. Правильно ли я сделал выпадающее меню?

   Учусь делать выпадающие меню, правильно ли я сделал? http://jsfiddle.net/7qdfc7as/

   Asked by DivMan, August 10, 2014

   0 votes
   9 answers
4. Правильно расположение элементов

   Добрый день. Нужна помощь. Сейчас выглядит вот так: Нужно: <div style="background-image: url(адрес); background-repeat: no-repeat; margin: 10px;"><img style="position:relative; left: 40%; width:20%; height:20%; top:40%" src="img/play.png"></div>}У картинок margin: 10px;

   Asked by nevilus, September 4, 2014

   • расположение div
   0 votes
   0 answers
5. Правильно расположить кнопки

   Подскажите, пожалуйста. Есть такая навигация: http://savepic.su/2353483.htm Вопрос касается только этих кнопочек. Как мне их правильно расположить? Через ul lu a:after {content: ...} ?

   Asked by aaron, August 16, 2012

   0 votes
   2 answers
6. Правильное выравнивание картинки в текст контента

   Добрый день! Вот хочу поделится траблой, или точнее просто своей озабоченностью по поводу размещения картинок в контенте сайта. Например, есть у нас некоторая область сайта, которую мы никогда не меняем, т.е. например футер, хедер, не суть. И есть у нас область контента, на которой размещены, как правило, текст и т.д. Контент на каждой странице разный, но суть размещения, т.е. как он размещается на странице одинакова. Вопрос заключается в том что я не знаю как лучше разместить картинки внутри текста контента, это приходится делать часто, и как то хочется унифицировать этот способ, к тому же чтобы он был правилен, к примеру: 1. Картинка в ссылке идет между текстом. Охота, …

   Asked by Igorpurgen, November 19, 2010

   0 votes
   3 answers
7. Правильное выравнивание поля с кнопкой

   Дело вот в чем. С помощью такого кода добавил в горизонтальное меню своего сайта форму поиска: function menu_search($items){ $search = '<li class="search">'; $search .= '<form method="get" id="searchform" action="/">'; $search .= '<nobr><input type="text" class="field" name="s" id="s" placeholder="Search..." />'; $search .= '<input type="submit" class="submit" name="submit" id="searchsubmit" value="Go" /></nobr>'; $search .= '</form>'; $search .= '</li>'; return $items . $search; } add_filter('wp_nav_menu_items','menu_search'); Получилось так: Т.е. как бы форма поиска стала очередным пунктом меню. Захотел я сделать краси…

   Asked by IndigoHollow, April 24, 2013

   • input
   • button
   • кнопка
   • выравнивание
   0 votes
   6 answers
8. Правильное использование HTML и CSS в сообщениях электронной почты

   Дорогие друзья, растолкуйте, нуждаюсь в помощи. Как правильно верстать письма, тут пишут что нужно делайте все во встроенном (inline) стили. На западных же ресурсах, все используют классы, прекрасно работают с дивами и т.п. При попытке сделать на "западную манеру" был вежливо послан гуглом, яндексом и мейлом. Я в замешательстве.

   Asked by papay, July 8, 2016

   0 votes
   0 answers
9. Правильное использование тегов HTML5 в контенте

   Имеется вот такой простой макет С тегами в шапке и нафигации я разобрался, а вот с блоком контента не могу. Самое первое что я думаю надо сделать, это обернуть весь блок контента тегом <main>, это правильно? Сам контент может быть представлен в разном виде. Вот например на главной странице сайта каждый блок с картинкой надо обернуть в <section> и <article>? Или как то по другому? При нажатии ссылки "Подробнее" открывается вот это Опять же, верхняя часть в <section>, название фото в <header>, описание в <article>, "Название альбома, просмотров комментариев" в <footer>? После чего ещё 2 <section> для Добавления комментариев…

   Asked by RiG, December 12, 2013

   0 votes
   9 answers
10. Правильное отображение HTML5 и CSS3 в Safari5 и IE8

    Всем привет! Хочу спросить вас: есть ли какое-то решение для правильного отображения сайта на html5 и css3 для safari5 и ie8 и ниже? Если есть, то подскажите его пожалуйста!

    Asked by sayapinant, October 22, 2013

    • ie8
    • safari
    • html5
    • css3
    0 votes
    10 answers
11. Правильное отоброжение в ИЕ6

    Мне необходимо картинку(хедер) порезать на три дива, вот код <style> body{ width:1000px; } #Header_01 { background: transparent url(Header_01.png) no-repeat scroll center center; height:140px; width:210px; float:left; } #Header_02 { background: transparent url(Header_02.png) repeat-x scroll center center; height:140px; width:609px; margin:0 0 0 210px; } #Header_03 { background: transparent url(Header_03.png) no-repeat scroll center center; height:140px; width:181px; float:right; } </style> </head> <body> <div id="Header_01"></div> <div id="Header_03"></div> <div id="Header_02"></div&g…

    Asked by Mal4ishnik, December 21, 2009

    0 votes
    3 answers
12. Правильное оформление HTML и CSS

    Уважаемые форумчане! Подскажите ОФФЛАЙН инструмент для красивого оформления документов(и правильного!). Html в первую очередь,но еще бы CSS с PHP желательно,да и Java

    Asked by SKSKSS2013, January 14, 2014

    • HTML
    • CSS
    • PHP
    • Java
    • Javascripts
    0 votes
    5 answers
13. Правильное оформление меню в тегах <nav> и <ul>

    Добрый день. Всегда верстал меню так: <nav> <a href="#">Пункт меню 1</a> <a href="#">Пункт меню 2</a> <a href="#">Пункт меню 3</a> </nav> Потом полазил по разным сайтам и заметил, что почти все делают такую структуру: <nav> <ul> <li><a href="#">Пункт меню 1</a></li> <li><a href="#">Пункт меню 2</a></li> <li><a href="#">Пункт меню 3</a></li> </ul> </nav> Даже здесь, на вашем форуме, меню оформлено в маркированном списке. Почему? Зачем писать больше лишнего кода? Тег <nav> уже подразумевает, что…

    Asked by LUC, August 24, 2016

    • nav
    • ul
    • html5
    0 votes
    1 answer
14. Правильное оформление ссылки

    Здравствуйте! возникла проблемка: яша не индексирует страницы сайта кроме главной (правда сайт молодой) Ссылки в меню поставил таким образом: <a href='/brodilki'><img class='ico' src='{THEME}/images/controller.png'/>Бродилки</a></li> Вопрос в том - обязателен ли слеш после ссылки на раздел сайта в котором размещаются статьи?

    Asked by Leonidk, November 13, 2011

    0 votes
    3 answers
15. Правильное перечисление селекторов

    Добрый вечер коллеги! Посоветуйте как поступить, чтобы ссылки одинаковые были в обоих блоках? <div id="left_block"> <a href="#">ссылка 1</a></br> <a href="#">ссылка 2</a></br> <a href="#">ссылка 3</a></br> <a href="#">ссылка 4</a></br> </div> <div id="right_block"> <a href="#">ссылка 5</a></br> <a href="#">ссылка 6</a></br> <a href="#">ссылка 7</a></br> <a href="#">ссылка 8</a></br> </div> …

    Asked by XuLLlHuK, August 15, 2011

    0 votes
    13 answers
16. Правильное подключение Media Queries

    Всем привет! Разбираюсь с адаптивной версткой на Media Queries, все сделал. Не могу определиться как более оптимально подключить их. Получилась довольно внушительная "простыня" CSS (65кб). Как их лучше подключить: в общий файл CSS или разбить на отдельные файлы в зависимости от разрешения экрана? 1. Если каждый файл будет отдельно и подключатся будет через <link rel="stylesheet" href="smartphone.css" media="only screen and (min-device-width : 320px) and (max-device-width : 480px)">то будет ли браузер скачивать все файлы или ограничится только нужным? Была бы экономия нескольких килобайт при загрузке страницы. 2) Если все правила идут в одном файле, то можно чут…

    Asked by Coolbits, November 28, 2015

    • адаптивная
    • верстка
    • media queries
    0 votes
    2 answers
17. Правильное подключение сторонних шрифтов

    Всем привет! Подскажите с подключением сторонних шрифтов... 1. Предположим мне надо подключит какой то шрифт с разными начертаниями, могу ли я использовать одно имя шрифта в font-family, будет ли в таком случае использоваться правильное - подключенное начертание в зависимости от font-weight ? 2. Проверить, есть ли шрифт в системе(чтоб его не грузить лишний раз), можно с помощью local, такого перечисления думаю достаточно, чтоб наверника проверить: local('Roboto Thin'), local('RobotoThin'), local('Roboto-Thin') ? Я подключаю так(для каждого начертания через тире указано начертание): @font-face { font-family: "Roboto-Thin"; src: local('Roboto T…

    Asked by SnowSilver, June 3, 2018

    • шрифты
    • стороние шрифты
    0 votes
    6 answers
18. Правильное позиционирование

    Вопрос,достаточно общий,(не ругайте если что). Возникает сложность при позиционировании элементов, чтобы разместить элементы на страницы приходиться, чуть ли, не для каждого задавать position: relative и координатами его ставить на нужное место. Очевидно, что это неправильно. Как правильно ?

    Asked by Rocombo, November 30, 2011

    0 votes
    4 answers
19. Правильное позиционирование

    Приветствую! Есть верстка. Суть в том, что верхняя часть сайта(почти до половины) - фон. Эта часть должна быть резиновая. На этой самой части расположены другие блоки(меню, левая-правая части и контент). Еще этот фон желательно сделать фикс по высоте. Вот код: HTML <div id="wrapper"> <div id="header"></div> <div id="top_menu"></div> <div id="main"> <div id="left"></div> <div id="content"></div> <div id="right"></div> </div> </div> CSS #wrapper { min-width: 1000px; max-width: 1400px; margin: 0 auto; overflow: hidden; } #header{ height: 442px; background: #cccccc; } #top_menu{ width: 10…

    Asked by Tref_mast, July 18, 2012

    0 votes
    1 answer
20. Правильное позиционирование элементов в шаблоне HTML/CSS

    Столкнулся с проблемой во время самообучения, в мануалах описываются различные способы позиционирования элементов на странице. Но как правильно и оптимально это делать непонятно. При создании шаблона jsbin.com/rezukela/4/edit подсознательно понимаю, что делаю неправильно, но как по другому не знаю. Прошу если можно, исправить код, либо переписать, либо сказать основные ошибки которые я допускаю. P.S. Так же хотелось бы понять, как доработать сайт под любое разрешение и изменение масштаба.

    Asked by onhoric, June 13, 2014

    • html5
    • css
    • верстка
    • веб
    0 votes
    4 answers
21. Правильное размещение контента на сайте

    Хочу разместить материалы сайта так как размещено здесь http://ruseller.com/goodies.php Скажите каким размером создавать шапку сайта и делать правое и левое меню,чтоб и на мониторах 21 дюйм и больше, и при маленьких разрешениях экранов было также как и при большом как на этом сайте размещение происходило?

    Asked by people2010, August 23, 2010

    0 votes
    2 answers
22. правильное расположение блоков

    Здравствуйте! Ситуация такая - есть стандартный 3-ех колончатый, резиновый макет... Цель: cделать так, чтобы центральный блок занимал все свободное место в отсутствие правого... помогите кто чем может, желательно советом Спасибо!

    Asked by lebyr, October 18, 2009

    0 votes
    2 answers
23. правильное структурирование страниц

    Добрый вечер. делаю первый сайт. ПРимерно на 200 страниц. Для удобства в дремвивере создал папки по разделам, например books ; films, articles....и т.д. В них тоже есть вложенные папки со страницами. Вот когда я на сервер их кину, то сайт будет прописываться так: www.mysyte.tu/articles\Stytia? Если да, то выходит едиенственное решение, это все страницы держать в одной папки. И вот...на сео это сказывается?

    Asked by Sayitright, November 12, 2009

    0 votes
    12 answers
24. Правильность записи CSS

    Добрый день Смотрю уроки Css и человек объясняет Следующее на рис 1-2 красным плохая запись, а 1-2 зелёным правильная. Я с ним не согласен! Как всё же правильно? Я считаю, что варианты красным правильнее.

    Asked by virus_ostr, November 21, 2015

    • CSS
    0 votes
    37 answers
25. Правильность написания одиночных тегов

    Объясните, нужно ли в HTML 5 писать слэш в одиночных тегах (<br />, <input />, <img />)? Валидатор принимает оба варианта, но как все же правильней? Как я понимаю, наличие слэша - это наследство от XHTML?

    Asked by Quebec, July 28, 2014

    0 votes
    1 answer