← к списку статей

26.04.10 (последнее изменение 01 декабря 2010)

Меню на основе списка

Как с помощью CSS превратить список ссылок в горизонтальное меню.

Где реализовано

Сделай сам

Допустим, у нас есть список ссылок на основные разделы сайта. (На нашем жаргоне — меню первого уровня.)

Ниже стили, которые позволят превратить это список в горизонтальное меню. Меняйте стили на свое усмотрение, но только не устанавливайте свойство height внутренним блокам. Вместо этого воспользуйтесь свойствами line-height и padding.

Если вы укажите свойство height, то старый эксплорер установит вашим плавающим блокам максимальную ширину. Эту статью я написал как раз для того, чтобы больше не наступать на эти грабли.

← к списку статей