Як зробити меню зліва в HTML?

В html можна використовувати таку конструкцію:

lt; nav>

lt; ul>

lt; li> lt; a href ="url1"> Пункт меню 1lt; / a> lt; / li>

lt; li> lt; a href ="url2"> Пункт меню 2lt; / a> lt; / li>

lt; li> lt; a href ="url3"> Пункт меню 3lt; / a> lt; / li>

lt; / ul>

lt; / nav>

А в css прописати приблизно такі властивості:

nav ul {

list-style: none;

margin: 0;

padding: 0;

}

nav ul li a {

text-decoration: none;

background: # 999; / * Колір фону пункту меню * /

color: #fff; / * Колір тексту пункту меню * /

text-align: center; / * Текст по центру по горизонталі * /

display: block;

width: 200px; / * Ширина пункту меню * /

height: 30px; / * Висота пункту меню * /

line-height: 30px; / * Висота рядка * /

margin-bottom: 2px; / * Відступ знизу від кожного пункту меню * /

}

Вийде таке ось меню:

Для того щоб при наведенні на пункт меню змінювався його колір потрібно додати в CSS таку конструкцію:

nav ul li a: hover {

background: #ccc; / * Колір при наведенні * /

};

Якщо використовуєш табличну верстку створюй таблицю з 2х колонок лівій колонці призначай ширину каторая необхідна для меню і розміщуєш меню в цій колонці.