My-Article.NET http://www.my-article.net/search/Тег  <hr> и кроссбраузерный отступ 10 последних статей для поисковой строки "Тег  &lt;hr&gt; и кроссбраузерный отступ" ru Mon, 19 Aug 2019 23:29:22 +0000 Mon, 19 Aug 2019 23:29:22 +0000 http://www.my-article.net/feed/search/Тег  <hr> и кроссбраузерный отступ Тег  &lt;hr&gt; и кроссбраузерный отступ http://www.my-article.net/get/css/тег- lthrgt-и-кроссбраузерный-отступ Сколько себя помню, во время верстки я не особо любил использовать тег &lt;hr /&gt;, выводящий горизонтальную линию, по причине того, что в браузере Internet Explorer по сравнению с другими современными браузерами отступы (CSS-свойство margin) отличаются.Не знаю, почему я раньше не задавался целью найти ответ на данный вопрос в виде кроссбраузерного решения, но недавно я все-таки сделал это.На одном из англоязычных форумов я нашел информацию, которая гласила о том, что Internet Explorer делает р ... Thu, 17 Dec 2009 12:59:00 +0000 10 фиксов, решающих проблемы Internet Explorer 6 http://www.my-article.net/get/html/проблемы-в-ie/10-фиксов-решающих-проблемы-internet-explorer-6 Данный пост основан на переводе интересной англоязычной статьи “10 Fixes That Solve IE6 Problems“. Информация, изложенная ниже, будет полезна как начинающим верстальщикам, там и бывалым. Зеленым цветом я пометил пункты, содержимое которых полностью совпадает с моей точкой зрения и подтверждено моей практикой. Букв много, не пугайтесь =)Так исторически сложилось, что браузер Internet Explorer 6, выпущенный аж 7,5 лет назад, до сих пор не дает себя забыть, все еще, к сожалению для практически любо ... Wed, 25 Nov 2009 05:18:00 +0000 Основные css свойства с примерами http://www.my-article.net/get/css/основные-css-свойства-с-примерами Правила написания каскадных таблиц стилей (CSS). Каскадность CSS. Единицы измерения. Свойства текста. Свойства цвета и фона. Свойства блока. Списки. Позиционирование. Псевдоклассы и псевдоэлементы.Основные положенияОбъединение Несколько селекторов через запятую. Объединение позволяет применить одинаковый стиль сразу нескольким элементам (селекторам). Всем четырем тегам заголовков определен красный цвет шрифта.h1, h2, h3, h5 {color: red;}Селекторы по контексту Несколько селекторов через пробел. В ... Thu, 26 Nov 2009 10:28:00 +0000 Простая техника позиционирования изображения при обтекании текстом http://www.my-article.net/get/html/img/простая-техника-позиционирования-изображения-при-обтекании-текстом Довольно часто при верстке создается необходимость расположить изображение слева от текста таким образом, чтобы текст находился справа от изображения и не сворачивал под него, т.е. должно это выглядеть вот так:Такое позиционирование текста достигается, благодаря помещению его в дополнительный &lt;div&gt;, которому указывается свойство display: table. Если бы был всего один параграф с текстом, то дополнительный &lt;div&gt; не понадобился бы, достаточно было бы применить display: table к блоку пар ... Wed, 16 Dec 2009 04:56:00 +0000 Позиционирование блока относительно родителя с помощью position:fixed http://www.my-article.net/get/html/div/позиционирование-блока-относительно-родителя-с-помощью-positionfixed За столь продолжительный период верстки сегодня мне впервые пришлось столкнуться с необходимостью разместить на странице фиксированный блок (используя CSS-свойство position:fixed), который бы при скролле страницы всегда сидел в одном месте окна браузера.Информацию по этому поводу я, естественно, почитал на разных блогах и форумах. Но все решения, которые я встретил, описывают немного не то, что понадобилось мне. Они описывают, как зафиксировать блок относительно края окна браузера, например, лев ... Thu, 17 Dec 2009 10:52:00 +0000 Один из способов “закрытия” плавающих блоков и FireFox http://www.my-article.net/get/css/один-из-способов-закрытия-плавающих-блоков-и-firefox Стал практиковать один из способов “закрытия” плавающих блоков, который вот так выглядит в CSS:* html #container {height: 1%;}#container:after {&nbsp;content: '.';&nbsp;display: block;&nbsp;clear: both;&nbsp;visibility: hidden;&nbsp;height: 0;&nbsp;line-height: 0;}Используя данный этот метод, я при верстке заметил в браузере FireFox следующий баг, может быть кому-то пригодится эта информация. Когда я прижимаю footer к низу окна браузера с помощью варианта с абсолютным позиционированием, в FF по ... Thu, 24 Dec 2009 09:25:00 +0000 Как с помощью CSS прижать footer к низу окна браузера? http://www.my-article.net/get/css/как-с-помощью-css-прижать-footer-к-низу-окна-браузера Помнится мне, в тот момент, когда я стал переходить с таблиц на верстку дивами, одной из трудностей, с которыми я столкнулся, была следующая – как прижать подвал сайта (footer) в самый низ окна браузера, чтобы страница при этом выглядела вытянутой на всю высоту, вне зависимости от объема текста, а при высоте страницы, большей, чем высота окна браузера (при появлении скролла), футер оставался бы на положенном ему месте.Если с помощью таблиц сия задача решается лишь за счет указания высоты для таб ... Thu, 24 Dec 2009 09:40:00 +0000 Удаляем лишний отступ в IE при использовании clear: both http://www.my-article.net/get/css/удаляем-лишний-отступ-в-ie-при-использовании-clear-both Часто, когда мы используем плавающие блоки, для того, чтобы нижеследующий блок расположить под ними без смещения вверх за счет флоатов, мы создаем дополнительный html-элемент, к которому применяем свойство clear: both, например, так, как это сделано в трехколоночном макете с помощью CSS:.clear {clear: both}В ряде случаев между самым высоким плавающим блоком и нижеследующим не плавающим (например, между контентом и футером) в браузере Internet Explorer, в том числе и в 7-й версии, появляется лишн ... Thu, 24 Dec 2009 02:53:00 +0000 Трехколоночный макет на CSS с одинаковой высотой колонок http://www.my-article.net/get/css/трехколоночный-макет-на-css-с-одинаковой-высотой-колонок Представляю Вашему вниманию еще один 3-хколоночный макет страницы, реализованный с помощью XHTML и CSS.Вот так он выглядит в миниатюре:Особенности:Оба сайдбара (левая и правая колонки) расположены с правой стороны. Такой тип страницы сейчас очень популярен, он используется на многих блогах.HTML-код основной колонки расположен до начала кода обоих сайдбаров.Все 3 колонки визуально растягиваются одинаково по вертикали при увеличении высоты одной из них. При этом не используются изображения.Универс ... Thu, 24 Dec 2009 03:03:00 +0000 Как отцентрировать горизонтальный “плавающий” список http://www.my-article.net/get/css/как-отцентрировать-горизонтальный-плавающий-список Идея заключается во вложении контейнера &lt;ul&gt; в 2 дополнительных блока:для первого из них задается основная ширина;для второго задается положительный 50%-ный отступ слева; для самого блока списка задается отрицательный 50%-ный отступ слева, дабы “аннулировать” смещение от родительского блока;для 2-го и 3-го блоков указывается свойство “плавающего” (float: left) и для всех 3-х блоков – относительное позиционирование (position: relative).Лучше посмотреть готовый пример: горизонтальный “плава ... Mon, 28 Dec 2009 09:38:00 +0000