Размеров. Если вы хотите единообразия, обратитесь к методу с nримен ением
плавающих элементов <u1>.
Какой бы метод вы ни использовали, сначала удалите маркеры и левые отступы
тегов <u1~, как показано на рис. 9.6, 1.
Самый простой метод создания горизонтальной паиели навигации заключается
В изменении для элементов списка значения Ьlock (блочный элемент) свойства
Disp1ay на i n1 ine (встроенный элемент). Это делается средствами CSS.
Иреобразуем пуикты списка во вcтpoeiUI.Ьie элементы. Встроенные элементы
Не создают переносов строк ни перед элементом, ни после него, как это делают
Глава 9. Приводим в порядок навигацию сайта
блочные. Установка значения inl ine свойства display для тегов <l i> приведет
К отображению элементов списка в одну строку (см. рис. 9.6, 2).
ul.nav li { display: inline: }
Вы должны быть уверены в том, что паиель навигации кнопок-ссылок не слишком
Большая. Те кнопки, которые не поместятся в одну строку, перенесутся
На другую.
Стилизуем ссылки. Можно убрать подчеркивание под ссылками и вместо этого
Добавить вокруг них окаймляющую границу. Чтобы обеспечить визуальную
Глубину и реалистичность настоящих кнопок, надо изменить цвет фона или
Добавить рисунок. При необходимости добавьте отступы вокруг текста ссылок.
