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

[Хелкар]

проблема такая. на работе до меня был создан сайт. в нем было горизонтальное меню. теперь начальству понадобилось вертикальное. в html мало чего понимаю, в гугле ничего вразумительного не нашел. меню задается на каждой странице вот таким образом

<div id="container">

<div id="header">

<p>

<!--<h1> </h1>-->

</p>

<p> </p>

</div>

<div id="menu">

<ul id="navlist">

<li><a href="contacts.html">Контакты</a></li>

<li><a href="nashi_uslugi.html">Наши услуги</a></li>

<li><a href="mastera_i_studii.html">Мастера и студии</a></li>

<li><a href="dostizheniya.html">Достижения</a></li>

<li><a href="fotogalereya.html">Фотогалерея</a></li>

<li><a href="news.html">Новости</a></li>

</ul>

</div>

<div id="main_content">

сам сайл сделан полосой по центу,бока залиты фоном. нужно чтобы это меню было с левого бока.

что мне где переписать, а то я нуп полный

[Хелкар]

узнал, что если убрать <ul id="navlist"> то меню становится вертикальным. но оно выстраивается поседедине сайта, а не с боку((

[dostel1]

http://www.dynamicdrive.com/style/csslibrary/category/C2/

http://www.03www.ru/index1100.php?act=search&text=%EC%E5%ED%FE

Edited November 18, 2011 by dostel1

[hedgehog]

узнал, что если убрать <ul id="navlist"> то меню становится вертикальным. но оно выстраивается поседедине сайта, а не с боку((

это происходит потому, что вы одним махом отменяете все стили для этого меню. а по умолчанию список выстраивается вертикально вверх. без стилей тут сложно что-то сказать кроме того, что следует ознакомиться хотя бы немного с html/css, чтобы разместить контейнер в нужном месте и задать ему нужные стили

[Хелкар]

/* CSS Document by Dieter Schneider for www.csstemplateheaven.com */

* {

margin: 0;

padding: 0;

}

body {

background-color: #9bc52b;

background-image: url(images/body_bg.jpg);

background-repeat: repeat-x;

font-size: 62.5%;

}

#container {

margin: auto;

width: 685px;

color: #000000;

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 1.24em;

}

#header {

margin: auto;

background-image: url(images/main_header.jpg);

height: 459px;

width: 685px;

}

#menu {

background-image: url(images/menu_bg.jpg);

height: 20px;

padding-top: 4px;

text-align: center;

}

#main_content {

background-image: url(images/content_bg.jpg);

height: 554px;

padding-top: 20px;

padding-left: 30px;

padding-right: 30px;

background-repeat: no-repeat;

}

#footer {

text-align: center;

clear: both;

border: 1px solid #666666;

padding: 20px;

background-color: #090;

}

.float_left {float: left;

margin-right: 5px;

margin-bottom: 3px;}

p {padding-bottom: 25px;}

h1 {

font-size: 1.6em;

font-style: italic;

color: #333;

margin-left: 250px;

padding-top: 15px;

}

h2 {

font-size: 1.6em;

border-bottom: 1px solid gray;

margin-bottom: 10px;

font-style: italic;

color: #333;

}

a:link {

color: #00F;

text-decoration: none;

} /* unvisited link */

a:visited {

color: #00F;

text-decoration: none;

} /* visited link */

a:hover {

color: #FC0;

text-decoration: none;

} /* mouse over link */

a:active {

color: #FFFFFF;

text-decoration: none;

} /* selected link */

#navlist li

{

display: inline;

list-style-type: none;

padding-right: 20px;

}

#container #main_content p {

font-family: "Times New Roman", Times, serif;

}

вот мои стили

[hedgehog]

Спрятал под комментарии ненужное

#menu {
background-image: url(images/menu_bg.jpg);
height: 20px;
padding-top: 4px;
/*text-align: center;*/
}

#navlist li
{
/*display: inline;*/
list-style-type: none;
padding-right: 20px;
}

[Хелкар]

получилось следующее

[LegGnom]

Пиши сюда 432077115 помогу

[hedgehog]

получилось следующее

Получилось то, что просили: меню по левому борту. Вопрос о позиционировании остальных блоков не стоял. Вам сначала нужно определиться, как это должно выглядеть. Желательно изобразить это на картинке. А еще лучше: изобразить, подумать самому и, если ничего не получится, просить помощи здесь.

[Хелкар]

надо чтобы было так