adminvps

Рубрика "CSS-верстка" содержит 62 статьи / показаны: 41-50

Один из способов «закрытия» плавающих блоков и FireFox

Стал практиковать один из способов «закрытия» плавающих блоков, который вот так выглядит в CSS: * html #container {height: 1%;} #container:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; line-height: 0; } Используя данный этот метод, я при верстке заметил в ...

Трехколоночный макет на CSS с одинаковой высотой колонок

Представляю Вашему вниманию еще один 3-хколоночный макет страницы, реализованный с помощью XHTML и CSS. Вот так он выглядит в миниатюре: Особенности: Оба сайдбара (левая и правая колонки) расположены с правой стороны. Такой тип страницы сейчас очень популярен, он используется на многих блогах. HTML-код ...

Удаляем лишний отступ в IE при использовании clear: both

Часто, когда мы используем плавающие блоки, для того, чтобы нижеследующий блок расположить под ними без смещения вверх за счет флоатов, мы создаем дополнительный html-элемент, к которому применяем свойство clear: both, например, так, как это сделано в трехколоночном макете с помощью CSS: .clear {clear: ...

Верстка трехколоночного макета страницы с помощью CSS

В тот момент, когда я стал переходить на дивовую верстку, а произошло это почти год назад (как быстро летит время), одним из серьезных уроков, которые я должен был освоить, был простой и удобных способ верстки трехколоночного макета страницы с использованием <div>‘ов и каскадных ...

CSS-хаки vs Условные комментарии

В очередной раз хочется затронуть тему CSS-хаков. Только не подумайте, что я заядлый CSS-хакер :), дело в моем стремлении все упрощать. Так вот, для себя я выделил альтернативу условным комментариям, которые так не люблю использовать при верстке сайтов. Ведь в чем заключается задача ...

Добавляем фон для блока со сглаженными углами на CSS

Продолжая тему сглаженных закругленных углов без использования графики, рассмотрим случай, когда к блоку, использующему данный эффект, необходимо добавить фон: либо просто цветовой, либо в виде изображения. Раз уж хотя бы одного человека затруднил сей момент, то стоит об этом сказать отдельно. А затруднило ...

3 сайта с примерами CSS-макетов для дивовой верстки

На следующих 3-х сайтах представлены хорошие коллекции готовых CSS-шаблонов. Если Вы только осваиваете азы блочной верстки, самое время обратить внимание на данные подборки. Они позволят проще понять суть и возможные способы построения блоков и найти для себя наиболее подходящий вариант в том или ...

Сглаженные закругленные углы без использования изображений

Сглаженные закругленные углы без использования изображений

Различные фишки и приемы с использованием CSS всегда привлекали и привлекают мое внимание. В их числе находится и способ закругления углов блока без использования какой-либо графики. Вот несколько статей, описывающих технику закругления углов, о которой я веду речь в этой статье: Закругление углов ...

CSS-фреймворк Tripoli

В сети появилось довольное интересное решение для веб-разработчиков — CSS-фреймворк Tripoli. Несмотря на то, что автор инструмента отказывается называть Tripoli CSS-фреймворком, его вполне можно считать таковым, поскольку он позволяет значительно упростить и сократить время на разработку сайта. Ведущая идея сего фреймворка заключается в ...

Как отцентрировать горизонтальный «плавающий» список

Алекс Маузон нашел гениальное и простое решение проблемы с выравниванием по центру навигации, являющей собой горизонтальный список, без применения таблиц. За это ему положенный респект! Идея заключается во вложении контейнера <ul> в 2 дополнительных блока: для первого из них задается основная ширина; для ...