Помогите пожалуйста с кодом меню

Вид для печати

29.01.2011, 18:24
Timoxa

Помогите пожалуйста с кодом меню
Здравствуйте. Помогите пожалуйста. Вот мой сайт: www.timoxa.ucoz.ru Там меню с левой стороны зеленое. Не могу сделать чтобы оно было с левой стороны блока и во всю длину.

Вот код:
```
<STYLE type="text/css">  

{  

margin:0;  

padding:0;  

}  

body{  

background:#fff;  

color:#666;  

font:12px/18px Tahoma, Arial, Helvetica, sans-serif;  

}  

#menu{  

background:#fff;  

width:190px;  

}  

#menu ul{  

list-style:none;  

}  

#menu li{  

list-style:none;  

margin:1px 0;  

}  

#menu li a{  

list-style:none;  

background:#8faf39 url(/images/menu_033_bg.gif) no-repeat;  

color:#fff;  

text-transform:uppercase;  

font-size:9px;  

font-weight:bold;  

text-decoration:none;  

display:block;  

height:35px;  

line-height:35px;  

padding:0 0 0 20px;  

}  

#menu li a:hover{  

background:#da4a70 url(/images/menu_033_h.gif) no-repeat;  

color:#fff;  

text-decoration:none;  

}</STYLE>
```
и сам код меню:
```
<div id="menu">  

<ul>  

<li><a href="ссылка">название</a></li>  

<li><a href="ссылка">название</a></li>  

<li><a href="ссылка">название</a></li>  

<li><a href="ссылка">название</a></li>  

<li><a href="ссылка">название</a></li>  

</ul>  

</div>
```
Буду очень признателен и благодарен :0024:
29.01.2011, 19:02
vasvas7775

как я понял тебе надо блок с меню растянуть по ширене блока так? Тогда поставь в ширине вместо пх. процент.
29.01.2011, 19:06
Timoxa

vasvas7775 не получается все остается также
29.01.2011, 19:10
Timoxa

Такое ощущение как будто перед самим меню стоит пробел. Даже если изменяшь ширину то она сдвигается в правую сторону
29.01.2011, 19:36
vasvas7775
Посмотри вот так:
```
<STYLE type="text/css">



body{

margin:0px auto;

background:#FFFFFF;

color:#666;

font:12px/18px Tahoma, Arial, Helvetica, sans-serif;

}

#menu{

margin-top:10px;

background:#FFFFFF;

width:100%;

}

#menu ul{

list-style:none;

 margin: 0;

 padding: 0;

}

#menu li{

list-style:none;

margin:1px 0;

}

#menu li a{    margin-left:0px;

list-style:none;

background:#8faf39 url(/images/menu_033_bg.gif) no-repeat;

color:#fff;

text-transform:uppercase;

font-size:9px;

font-weight:bold;

text-decoration:none;

display:block;

height:35px;

line-height:35px;

padding:0 0 0 20px;

}

#menu li a:hover{

background:#da4a70 url(/images/menu_033_h.gif) no-repeat;

color:#fff;

text-decoration:none;

}</STYLE>
```
```
<div id="menu">

<ul>

<li><a href="ссылка">название</a></li>

<li><a href="ссылка">название</a></li>

<li><a href="ссылка">название</a></li>

<li><a href="ссылка">название</a></li>

<li><a href="ссылка">название</a></li>

</ul>

</div>
```
29.01.2011, 19:46
Timoxa

Спасибо большое!!! Помогло.:0051:
31.01.2011, 12:35
Ostropolsky

http://www.Modelzd.narod.ru/Untitled-1.jpg

Необходимо чтобы закладка "наше меню"-это ссылка, при наведении курсора на нее поднималась на несколько пикселей вверх
Как можно выполнить данный эффект?
31.01.2011, 16:32
vasvas7775

Это смотря как у тебя меню прописано. Если картинкой как я вижу, то при наведении показать другую катртинку немного другого размера.
01.02.2011, 14:43
Ostropolsky

Каждая закладка это отдельная картинка-ссылка.
А как это на исполнить с помощью Css?
01.02.2011, 15:13
M-edve-D
Это скриптом можно описать:
```
<head>

<script language="javascript">

function show() {document.gl.src='files/при наведении курсора.gif';}

function hide() {document.gl.src='files/когда убираешь курсор.gif';}

function clik() {document.gl.src='files/нажатая.gif';}

function unclik() {document.gl.src='files/после нажатия при наведенном курсоре.gif';}

</script>

</ head>
```
а там где твоя кнопка пишешь:
```
<a href="index.html" onmouseover="show();" onmouseout="hide();" onmousedown="clik()" 

onmouseup="unclik()"><img src="files/ваша картинка" border="0" class="otstyp_1" name="gl" /></a>
```
вот такой вариант.
можно это на 3 картинки: обычная, когда наводишь курсор и при нажатии. На 2 переделать легко.