(см. рис. 9.15, 4): границы перекрываются между собой, а ссылки имеют различную
ширину. Это происходит потому, что тег <а> является встроенным элементом
И ширина ссылки равна длине ее текста. Кроме того, верхний и нижний
Отступы не обеспечивают увеличения высоты встроенным элементам, поэтому
Границы накладываются друг на друга (о встроенных элементах читайте
в разд. «У правлени е размерами полей и отступов• гл. 7). Решить эти проблемы
Со ссылками можно путем изменения их способа отображения браузером.
Добавьте свойство di sp1 ау: Ь1 ock; в стиль #mainNav.
Мы изменяем параметры отображения тега <а> таким образом, чтобы он обрабатывался
Браузером как абзац текста или другой блочный элемент, с расположением
Ссылок в виде списка, в точности одна над другой. Осталась единственная
Проблема - ссылки растянуты по всей ширине окна браузера - слишком
много для кнопок. Исправим ситуацию, ограничив ширину тега <u 1 > в соответствующем
Стиле.
ПРИМЕЧАНИЕ-----------------------------------------------Если
Вы будете просматривать веб-страницу в брауэере Intemet Explorer б или его боЛее ранних
Версиях, то заметите небольwие nромежутки между кнопками. Не волнуйтесь. Мы иа1равим эту
Ошибку брауэера далее.
7. Во внутренней таблице найдите стиль #ma i nNav и добавьте в него свойство wi dth:
Рх;.
