Nустое пространство, предотвращающее наложение границ и фона

ссылок. Используйте для нижнего отступа <u l > такое же значение, как размер

Нижнего отступа ссылки.

Для определения верхнего отступа тега <u l >добавьте 1 пиксел к значению верхнего

Отступа ссылки (при использовании em просто удостоверьтесь в том, что

отступ тега <ul> больше).

Соэдание панеnей навиrации

TiO.IМ

~

cgrnorate pbt!osoobv

~--·····················································································

Heading for this page

~-~~?.':'!-.':'.·.~~???~~-~ ~~?-~~~-~ ~--·· ........... ························ ·--~-

Heading for this page

!·· ·н··о·т··е· ······················································А 11 ; .! AЬout us !-j <:otJ>«ate Pho1osophy ~ ~ Sto\_j· ................. .

Heading for this page

Heading for this page

Рис. 9.6. Соэдание горизонтального меню иэ сnиска ссылок nотребует

Выnолнения всего нескольких действий

Например, стиль тега <ul>, соответствующий ссыJIКам в шаге 2, должен выглядеть

следующим образом:

ul .nav {

margin-left: О ;

list-style: none ;

padding- left : О;

padding-top: брх;

padding-Ьottom: 5рх;

border-bottom: lpx dashed #000 :

Как видно на рис. 9.6, 4, нижний отступ позволяет хорошо вписаться нижней

границе теrа <ul>. Единственная проблема состоит в том, что между кнопками

Паиели навигации всегда имеются пустые промежутки, поэтому, если вы хотИте,

Чтобы они располаrались вплотную, нужно использовать плавающие ссылки

Или установить для них правое поле с отрицательным значением. Другое решение

Описывается дальше.

СОВЕТ -------------------------------------------------------