Архив за июля 2010
Делаем красивое горизонтальное меню для сайта с помощью HTML и CSS, окончание
Я добавил отступ от правого края (margin-right:10px;) равный 10 пикселям. Затем изменил шрифт на Verdana, а в случае, если у пользователя не окажется такого шрифта на компьютере, то текст измениться на Arial. Уж этот шрифт есть у каждого.
Теперь давайте займемся ссылками и написанием стиля для них. Проставим для каждого пункта меню свою ссылку на страницу:
<div class=»navigation»>
<div class=»menu»><a href=»/index.html» title=»Главная»>Главная</a></div>
<div class=»menu»><a href=»/tavars» title=»Товары и услуги»>Товары и услуги</a></div>
<div class=»menu»><a href=»/about» title=»Об авторе»>Об авторе</a></div>
<div class=»menu»><a href=»/sitemap» title=»Карта сайта»>Карта сайта</a></div>
<div class=»menu»><a href=»/contacts» title=»Контакты»>Контакты</a></div>
</div>
