красивое горизонтальное меню на js

background: url(images/menu1.gif) 0 -32px;

background: url(images/menu1.gif);

#menu li a:link, #menu li a:visited {

border-style: solid solid none solid;

Теперь создадим сам файл в котором и будут наши стили для меню. В том же каталоге где расположена страница сайта создайте файл style.cssЗапишите данный код в созданный style.css:

<link href="style.css" rel="stylesheet" type="text/css" />

Данный код представляет из себя само основание меню, так скажем каркас нашего меню для сайта.Как вы могли заметить, само меню будет вертикальным.Далее измените ссылки в коде меню на ваши. Заменяем #1 (так же с следующими #2, #3 ...) на вашу ссылку и даём ей название.Теперь посмотрев меню в браузере, возможно оно будет выглядеть не так как бы вам хотелось.Приступим к заданию стиля для нашего вертикального html меню, но для начала прикрепите к вашей странице на которой будет располагаться меню css стили.Что бы прикрепить к странице css стили нужно прописать между тегами HEAD следующую строку:

<li><a href="#5" title="Уроки по Turbo Pascal">turbopascal уроки</a></li>

<li><a href="#5" title="Введение в СУБД MySQL">MySQL уроки</a></li>

<li><a href="#4" title="всё о css стилях">css уроки</a></li>

<li><a href="#3" title="Учим HTML разметку">html уроки</a></li>

<li><a href="#2" title="Уроко по PHP">php уроки</a></li>

<li><a href="#1" title="Главная">Главная</a></li>

<div id="menu">

<div id="firstcol">

<div id="container">

Многие веб - мастера при создании сайта не хотят тратить время на создание некоторых элементов сайта которые уже существуют, только осталось подогнать под стиль сайта. Сейчас я расскажу вам как сделать красивое вертикальное html меню без использования javascript, и встроить его в ваш сайт.Для начала вставим следующий код на то место где вы хотели бы разместить меню сайта:

Учимся делать красивое вертикальное html меню без javascript и встраиваем в сайт.

Вертикальное html меню

Вертикальное html меню