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

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

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

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

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

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

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

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