Сегодня мы создаем «правильное» меню для сайта. Допустим, у нас есть следующие пункты меню: «Главная», «О нас», «Услуги», «Партнеры» и «Контакты». Это к примеру. Естественно, ваши пункты меню будут отличаться от предложенных мною.
Как же правильно сделать это меню на html? Ответ — ненумерованным списком. Вы создаете вот такую конструкцию:
|
1 2 3 4 5 6 7 |
<ul class="menu"> <li><a href="#">Главная</a></li> <li><a href="#">О нас</a></li> <li><a href="#">Услуги</a></li> <li><a href="#">Партнеры</a></li> <li><a href="#">Контакты</a></li> </ul> |
Вместо знака решетки (#) вы, конечно же, вставляете URL адрес соответствующих страниц. Но это еще не все… К нашему меню нужно будет применить некоторые стили CSS. Что-то типа этого:
|
1 2 |
ul.menu {list-style:none; margin:0; padding:0} ul.menu li {float:left; padding:0 15px} |
Теперь у нас есть горизонтальное главное меню с расстоянием между пунктами в 30px.
Ни о чем если честно. Ничего непонятно.