<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Меню многоуровневое горизонтальное</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
* {margin: 0px; padding: 0px;}
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #000000; min-width: 1000px;}
a {text-decoration: none; outline: none;}
#menu {height: 40px; padding-top: 20px;}
#menu ul {background: #FFFFCC; width: 100%; height: 20px; float: left; list-style: none;}
#menu ul li {font-size: 1.4em; display: inline; margin-left: 10px;}
#menu ul li a {color: #000066;}
#menu ul li:hover a {color: #FF0000;}
#menu li ul {background: #FF6464; display: none;}
#menu li:hover ul {display: block;}
#menu li li {font-size: 1em;}
#menu li li#first {padding-left: 70px;}
#menu li li#second {padding-left: 141px;}
#menu li:hover li a {color: #FFFFFF;}
#menu li li:hover a {color: #666666;}
</style>
<!--[if lte IE 6]>
****<style type="text/css" media="all">
****body {behavior: url(csshover.htc);}
****</style>****
<![endif]-->
</head>
<body>
<div id="menu">
****
****
[Только зарегистрированные пользователи могут видеть ссылки. ]
****
[Только зарегистрированные пользователи могут видеть ссылки. ]
*
*<li id="first">[Только зарегистрированные пользователи могут видеть ссылки. ]
*
[Только зарегистрированные пользователи могут видеть ссылки. ]
*
[Только зарегистрированные пользователи могут видеть ссылки. ]
*
****
****
[Только зарегистрированные пользователи могут видеть ссылки. ]
*
*<li id="second">[Только зарегистрированные пользователи могут видеть ссылки. ]
*
[Только зарегистрированные пользователи могут видеть ссылки. ]
*
[Только зарегистрированные пользователи могут видеть ссылки. ]
*
[Только зарегистрированные пользователи могут видеть ссылки. ]
*
[Только зарегистрированные пользователи могут видеть ссылки. ]
*
****
****
[Только зарегистрированные пользователи могут видеть ссылки. ]
****
[Только зарегистрированные пользователи могут видеть ссылки. ]
****
[Только зарегистрированные пользователи могут видеть ссылки. ]
****
</div>
</body>
</html>
[Только зарегистрированные пользователи могут видеть ссылки. ].
Ну и так далее... по аналогии... Недостатком данной конструкции является то, что при изменении размера шрифта в браузере левые отступы вложенных списков конечно же "поедут"... Но ресайзинг на них повлиять не может никак...
Слушай, я вот так решил проблему в архиве лежат файлы, но в ie6 почему-то красная полоска не растягивается на всю страницу, в остальных браузерах нормально, незнаешь ли в чем проблема??? А можно на компе чтобы работали ие6 и ие7?
