Свобода слова вебмастерского CSS-верстка, веб-мастеринг, интернет-технологии, манимейкинг

Представляю Вашему вниманию еще один 3-хколоночный макет страницы, реализованный с помощью XHTML и CSS. Вот так он выглядит в миниатюре: #layout {width: 300px; margin: 10px auto;} #lh {height: 25px; background: #DFDFDF;} #lc1 {float: left; width: 150px; height: 80px; background: #D5FFD5;} #lc2 {float: left; width: 75px; height: 80px; background: #FFF2BF;} #lc3 {float: left; width: 75px; height: 80px; background: #BFF2FF;} #lf {height: 25px; background: ... читать полностью »

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

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

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

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

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

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