Следующий стиль обеспечивает ссылкам визуальное подобие кнопок, как показана
на рис. 9.6, 3 и 4:
ul. nav а {
border: lpx dashed #000:
border-bottom: none:
padding: 5рх 15рх 5рх 15рх:
margin-right: 5рх:
background-color: #ЕАЕАЕА:
text-decoration: nопе:
color: #333:
ПРИМЕЧАНИЕ-----------------------------------------------Если
Для создания горизонтальной панели управления вы используете метод с встроенными элементами,
То не иэменяйте эначение свойства display ссылок на Ыосk. Если вы это сделаете, то
Ссылки отобраэятся в виде вертикального списка, причем будут эанимать полную ширину веб-страницы
(или ширину блочного элемента, в который эаключен список).
3. Добавим для тега <ul> верхний и нижний отступы. Поскольку теги <а> - встроенные
Элементы, добавление для них верхнего и нижнего отступов фактически
Не увеличит высоты ссылок Вместо этого границы и фон ссылок наложатся на
Соседние вышестоящие и нижестоящие элементы, как было показано в примере
На рис. 7.6. Кроме того, в браузере lnternet Explorer эти отступы могут привести
к исчезновению верхних границ ссылок. В этом случае отступ тега <а> также
немного приподнимет нижнюю границу тега <u l >,и она отобразится в виде фона
Под ссылками (обведено кружком на рис. 9.6, 3).
Чтобы решить проблему, добавим отступ для тега <ul>, который создает соответствующее
