Leaderboard
Popular Content
Showing content with the highest reputation on 07/24/13 in Posts
-
1) Влияет на парсинг разметки в DOM (чуть-чуть), парсинг и рендеринг CSS (парсинг слегка, рендеринг разительно) и многие скриптовые фичи. Примеры: в IE в Quirks mode <p> может содержать таблицу, в стандартном режиме не может; почти везде в Quirks mode работают размеры без единиц (width: 250 воспринимается как width: 250px) и цвета без "решетки" (color: fff работает как color: #fff); в Firefox работают глобальные переменные по id (something.style работает как document.getElementById('something').style). 2) Верно. 3) В общем случае у новых браузеров Quirks включается для определенного списка доктайпов: нет доктайпа, HTML2, HTML3.x, HTML4.x Transitional без ссылки на DTD и еще несколько редких (полный список теперь внесен в стандарт). У старых — как фишка ляжет. У IE, как обычно, свои приколы: IE6 падал в Quirks, если перед доктайпом был <?xml?>-пролог, IE6-9 — если там был <!--коммент-->. Ну и BOM-метка, да, считалась выводом текста и открывала неявный body (впрочем, это по идее везде должно так быть). Есть еще «почти стандартный» режим: в основном всё как в стандартном, но одинокие картинки и инлайн-блоки ведут себя как при Quirks (ну и мелкие глюки с ними редко, но бывают). Включается при Transitional-доктайпах HTML 4.x (со ссылкой на DTD) и XHTML 1.0. Но это уже мелочи). Нормальные браузеры обычно понимают в Quirks всё, что знают вообще, но особо полагаться на это не стоит — причуды они и есть причуды. А вот IE всех версий в Quirks mode по факту тупо превращается в тыкву IE5.5. 4) Как правило, всё именно так и бывает. На русском хороших материалов немного, наверное, на родном htmlbook-е одно из лучших.3 points
-
Сейчас стандартизовано в "живом стандарте" WHATWG и вот-вот стандартизуется в W3C DOM Parsing and Serialization, на который ссылается W3C HTML5.0. Так что, имхо, можно2 points
-
помогите пожалуйста понять что такое quirks mode пока я понимаю так: 1. тип документа влияет на html и css 2. при условии корректно заданного типа документа каждый браузер интерпретирует html и css по определённому стандарту. чаще всего по последнему(современному). который заложили в него разработчики(или до которого он обновился) 3. если тип не указан, или указан с ошибкой, или до него есть символы(пробел например, или BOM), то включается режим обратной совместимости. то есть браузер интерпретирует html и css по устаревшим стандартам. то есть по тем, которые действовали в 90-х годах(они вшиваются в даже самые современные версии браузеров. на всякий случай), и которые способны "закрыть глаза" на любые ошибки. в этом случае браузер без проблем поймёт например <td valign="top">, <font> или <center>. и не поймёт <article> или правило linear-gradient 4. при этом браузер в стандартном режиме вполне может понять устарешвие тэги, css-правила, атрибуты, но отображать их не обязан. то есть существует вероятность, что после очередного обновления он будет их игнорировать([хотя N дней назад отображал) в чём я не прав и что почитать по теме на русском языке?1 point
-
Шрифт разного размера и при наведении uppercase появляется. Я бы сделал их одинакового размера (шрифт) и text-transform тоже, и в том случае и в другом. А в остальном я бы сделал так же (:1 point
-
Почитайте про схлопывание границ: http://softwaremaniacs.org/blog/2005/09/05/css-layout-flow-margins/1 point
-
Пустая белая страница. Нельзя ли хоть что-то показать тем, у кого выключен яваскрпит? http://htmlbook.ru/html/embed У embed нет закрывающего тэга.1 point
-
Уже можно забыть про ие7. Нужно про ие8. А с ие9-10 проблем, лично у меня, уже не возникает1 point
-
В первом примере цепочка рвется на .wrap-е. Если поставить 100% и ему, то таблица растягивается.1 point
-
4.0 Transitional без ссылки на DTD — всё равно что никакого. Quirks mode, бессмысленный и беспощадный. Разметку-то можно делать любую, но в любом IE будет работать только то, что знал IE5.5 4.0x Strict, XHTML1.x Strict, <!DOCTYPE html> — стандартный режим. Высота в процентах наследуется только по непрерывной цепочке родителей, начиная от html, body { height: 100% }. Да, неудобно, но таков уж стандарт... Еще, правда, можно попрбовать сделать табличку абсолютно позиционированной, тогда высота 100% должна подхватиться автоматом.1 point
-
а таблицу сделать 400px + отступ? Пустоты в таблице вы вряд ли добьетесь. Я бы 3 колонку лучше воткнул или попробовать уйти от таблицы и сделать это блоками - куда проще получится. Но опять же не зная для чего это делается хз. и хотелось бы увидеть как у вас получилось сделать 200px для первой ячейки выставив для обеих ячеек одну ширину, ибо у меня они в таком случае равномерно занимают пространство1 point
-
Лучше никак1 point
-
Вот, вроде нашла решение. Красный блок нужно позиционировать относительно зеленого блока. Зеленому присваивается значение relative, а красному - absolute. Тогда все работает. http://jsfiddle.net/Allangell/NeRgC/1 point
-
А так не подойдёт? http://jsfiddle.net/6Z5un/1/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/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо.
-