Как сделать меню слева в HTML?

В html можно использовать такую конструкцию:

А в 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х колонок левой колонке назначай ширину каторая необходима для меню и размещаешь меню в этой колонке.