Блог divbyzero

Горизонтальное меню по центру

6 февраля 2010 года | 9 комментариев | Вёрстка

Сегодня речь пойдет о вёрстке меню на сайте. Поставлю несколько целей, которым должно соответствовать наша навигация. Итак:

1. Меню должно быть горизонтальным.
2. Элемент меню может быть любой ширины.
3. Элементы меню должны быть выровнены по центру.

Для вёрстки горизонтальной навигации можно использовать множество способов. Некоторые даже умудряются в небольшое меню вместить громоздкую таблицу. Я сделаю проще, будет немного тегов, а также не особо много стилей, которые отлично кэшируются браузерами.

Читать дальше →

Скруглённые углы на CSS без картинок

4 февраля 2010 года | 4 комментария | Вёрстка

Наверное, каждый кто верстал веб-страницы встречался с проблемой, как сверстать скругленные уголки, которые так нравятся дизайнеру и так «не нравятся» браузерам. Впереди новая эра CSS3, но это не близкое будущее.

Читать дальше →

Равноудаленные блоки и :first-child

31 января 2010 года | 14 комментариев | Вёрстка

В этот раз хотелось написать, что-то о вёрстке. Сначала хотелось взять и рассказать о чем-то новом, например о CSS3, но передумал. А начать я решил с небольших полезностей, которые часто использую сам в верстке.

В этот раз хочу рассказать о удобстве использования псевдо-класса :first-child.

Представим, что у нас есть главный блок фиксированной ширины, и в нём нужно разместить несколько элементов (также блоков), которые «прилипают» к левому и правому краю «родителя». И при этом имеют между собой равный отступ. Но на словах это сложно представить, поэтому я изобразил всё ниже на рисунке.

Читать дальше →

Профессиональные черно-белые логотипы

28 января 2010 года | 17 комментариев | Обзор

Сегодня хотел бы привести примеры качественных черно-белый логотипов. На первый взгляд они простые, но если присмотреться, то в каждом можно увидеть глубокую задумку.

Читать дальше →