kinopalace.h.com.ua/m/index.php
На ссилке первая картинка показывает таким должно быть меню.
Вторая как я зделал на даний момент. Как зделать так чтоб на двох более широких ссилках отображалас картника правильно?
Доданы нарезки для меню
Текст index.php ->>>
<html>
<head>
<link rel="stylesheet" type="text/css" href="my.css" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title> storinka</title>
</head>
<body>
[img]menu.gif[/img]</p>
<div id="header">
- [Только зарегистрированные пользователи могут видеть ссылки. ]
- [Только зарегистрированные пользователи могут видеть ссылки. ]
- [Только зарегистрированные пользователи могут видеть ссылки. ]
- [Только зарегистрированные пользователи могут видеть ссылки. ]
- [Только зарегистрированные пользователи могут видеть ссылки. ]
<li class="up">[Только зарегистрированные пользователи могут видеть ссылки. ]- [Только зарегистрированные пользователи могут видеть ссылки. ]
- [Только зарегистрированные пользователи могут видеть ссылки. ]
</div>
[img]tabs2large_right.gif[/img]</p>
[img]tabs2large.gif[/img]</p>
[img]bg.gif[/img]</p>
[img]tab-left.gif[/img]</p>
[img]tab-right.gif[/img]</p>
[img]tab.gif[/img]</p>
</body>
</html>
Стиль 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;
}