Jump to content

Leaderboard

Popular Content

Showing content with the highest reputation on 09/23/14 in Posts

  1. 1) Обнули отступы у ul. 2) Учись пользоваться инструментами разработчика. 3) http://htmlbook.ru/samlayout/blochnaya-verstka/skhlopyvayushchiesya-otstupy и http://www.xiper.net/learn/css/box-model/margin-collapsing
    1 point
  2. Точнее, для любого HTML (1-5). В X(HT)ML нет неявного закрытия по построению языка, но работает это только при полноценном XML-парсинге (application/xhtml+xml и т.п.). При text/html де-факто всё равно будет неявное закрытие.
    1 point
  3. Дело не в семантичности. Спека напрямую запрещает вкладывать что-то в абзацы помимо строк. Тег <p> является самозакрывающимся. Т.е. для некоторых доктайпов закрытие его </p> не является обязательным. И он закроется сразу, как встретит что-то, что не является строкой. http://clip2net.com/s/iXKlHz http://jsfiddle.net/fainz777/LaL569wc/
    1 point
  4. Неа. Не была бы <li> может встретиться в <ol> . И минимальная (на последнюю единичку), но всё же разница в специфичности. Блочные и строчные были в HTML4, и это было ошибкой. В HTML5 есть потоковые, фразовые, интерактивные и т.п., но вообще у каждого своя Content model. Случай с <p> - самый явный пример, почему делить элементы в HTML на блочные и строчные плохо.
    1 point
  5. Немного не так. Есть еще такое понятие, как субпиксель, которые, например используются для сглаживания шрифтов. Т.е. если я ничего не путаю, то такой шрифт не полностью будет закрашен цветом, а например, выглядеть более светлым.
    1 point
  6. Плохо, очень плохо. 1. Нужен доктайп <!doctype> http://tmlbook.ru/html/%21doctype 2. У <body> сбросить отступы, я рекомендую использовать normalize.css http://necolas.github.io/normalize.css/ 3. Убрать высоту в %-тах. на всех блоках, вообще всю резину убрать. Для начала научитесь делать обычную верстку, и сейчас больше актуальна адаптивная верстка. в остальном не смотрел, т.к макет сильно отличается от оригинала, устраните для начала то что я написал
    1 point
  7. Без :first-child http://jsfiddle.net/shjtjhpg/4/ Это архаизм))) но все же можно и так
    1 point
  8. Нету понятия типовая верстка а есть непонятно кем навязанные стандарты, футер и хедер не обязательные элементы.
    1 point
  9. Знаю ряд людей без вышки которые заткнут любого it шника с вышкой Также знаю дофига людей с вышкой - которые тупые)) Лично мне вышка дала только то, что я научился добывать инфу. ВСЁ!!!! Вышка важна для людей. Каждый человек должен в своей жизни пройти через это или попытаться.... Но не факт что каждый человек выйдет из универа умным и красивым. 90% Выходят оттуда только потому что кучу бабла вложили в институт, а в башке пусто
    1 point
This leaderboard is set to Kiev/GMT+03:00
  • Upcoming Events

    No upcoming events found
  • Сообщения форума

    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy