Forum Webscript.Ru

Дизайн и Верстка => Всё о Html => Тема начата: changer от 24 Августа 2007, 18:27:36

Название: Горизонтальное меню... HELP
Отправлено: changer от 24 Августа 2007, 18:27:36

http://kinopalace.h.com.ua/m/index.php

На ссилке первая картинка показывает таким должно быть меню.
Вторая как я зделал на даний момент. Как зделать так чтоб на двох более широких ссилках отображалас картника правильно?

Доданы нарезки для меню

Текст index.php ->>>

• Home


• Nieuws


• Weblog


• Themadossiers


• Opleidingen


• Vacatures


• Agenta


• Winkel

Стиль CSS ->>>
body {
background: #ccc;
margin: 0;
padding: 0;
color: #000;
font-family: Tahoma;
}
#header {
float:left;
width:100%;
font-size: 16px ;
line-height:normal;
max-width: 1000px;
background:#e60004 url("bg.gif")
repeat-x bottom;
}
#header ul {
margin:0;
padding: 10px 10px 0px 10px;
list-style:none;
}

#header li {
float:left;
margin: 0;
border-left: url(bord.gif);
padding: 0 0 0 5px;
/* background: url(tab-left.gif) no-repeat scroll left top; */
}
#header a {
display:block;
margin: 0;
padding: 5px 20px 4px 20px;
/* background:url("tabs2large_right.gif") no-repeat scroll right top; */
text-decoration:none;
font-weight:bold;
color: White;
}

#header a:hover {
color: Black;
display: block;
padding: 5px 20px 4px 20px;
background: url("tabs2large2.gif") no-repeat scroll center top;
}