Наш последний файл паv bar. html, поэтому, если вы хотите сохранить вертикальную
Паиель навигации, прежде чем продолжить, сделайте копию файла).
Убедитесь в том, что вы выполнили все шаги по созданию вертикальной паиели
Навигации, и откройте файл пav_bar .html в НТМL-редакторе.
Сейчас вы увидите, как просто изменить ориентацию панели. Сначала подчистим
Кое-что из того, что мы уже сделали. Вам нужно удалить ширину, которую
вы установили для тега <ul> ранее. Эта ширина препятствовала тому, чтобы
Навигационные кнопки охватывали всю длину страницы. Но, поскольку тегу
<u l > необходимо расшириться, чтобы вмещать набор горизонтальных кнопок,
Эта ширина подойдет нам без изменений.
Найдите стиль #mainNav и удалите в нем свойство width: 175рх:.
Теперь привожу сам секрет преобразования вертикальной паиели навигации
В горизонтальную.
3. Добавьте в таблицу новый стиль (сразу после #mainNav):
#ma i nNav l i {
float: left:
width: 12em:
Этот стиль применяется к тегу <l i> (представляющему собой элементы списка,
Каждый из которых содержит свою ссылку). Первая команда устанавливает для
Тега выравнивание по левому краю. Таким образом, каждый последующий тег
<l i > располагается с правой стороны предыдущего (такой же эффект вы могли
