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

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

24 комментария

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

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

24 комментария

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

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

39 комментариев

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

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

15 комментариев

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

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

17 комментариев

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

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

72 комментария

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

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

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

3 комментария

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

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

20 комментариев

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

Релиз CSS-фреймворка Blueprint 0.4

7 комментариев

Обновился CSS-фреймворк «Blueprint». В предыдущей версии веб-разработчиками был замечен ряд недочетов и пожеланий, которые автор оперативно устранил и выполнил в данном релизе. Что изменено/добавлено в этой версии: Размеры шрифтов, равно как высота строк, поля и отступы, переведены из пикселей в относительную величину em. ...

Альтернативный текст для изображений в блочной верстке

14 комментариев

С дивовой версткой я работаю по следующему принципу — все оформление (в том числе графика) через CSS, в HTML же выносятся только изображения, дополняющие текст, изложенный на странице. В связи с этим поведаю о том, каким образом я реализую то, что обозначено в ...