Originally posted by Katjen@Jan 30 2008, 13:29
[b][B]Что там нужно поменять такое незначительное?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
[/quote]
Расположение пунктов самого вернего уровня и абсолютное позиционирование вложенных списков.
Код:
<style type="text/css">
* {margin: 0px; padding: 0px;}
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #000000; background: #FFFFFF;}
* html body {behavior: url(csshover.htc);}
div#menu {margin: 20px;}
ul#mainmenu {font-size: 1.1em; width: 100px; list-style: none;}
ul#mainmenu li {background: url(img/bgcenter.gif) no-repeat; width: 100px; float: left; position: relative; cursor: pointer;}
ul#mainmenu li a {text-indent: 10px; font-weight: bold; text-decoration: none; line-height: 30px; display: block; width: 100px; height: 30px; overflow: hidden;}
* html ul#mainmenu li a {line-height: 28px;}
*+html ul#mainmenu li a {line-height: 28px;}
ul#mainmenu li ul {font-size: 1em; display: none; width: 100px; border: 1px #CCCCCC solid; position: absolute; left: 100px; top: 3px; list-style: none;}
ul#mainmenu li li {background: #333333;}
ul#mainmenu li li.arrow {background: url(img/arrow.gif) #333333 no-repeat right center;}
ul#mainmenu li li a {font-weight: normal; text-indent: 0px; line-height: normal; width: auto; height: auto; padding: 5px 8px;}
* html ul#mainmenu li li a {height: 1%;}
ul#mainmenu li li ul {left: 100px; top: 3px;}
ul#mainmenu li:hover a {color: #FFFFFF;}
ul#mainmenu li li:hover {background-color: #00CC33;}
ul#mainmenu li:hover ul ul {display: none;}
ul#mainmenu li:hover ul ul ul {display: none;}
ul#mainmenu li:hover ul {display: block;}
ul#mainmenu li li:hover ul {display: block;}
ul#mainmenu li li li:hover ul {display: block;}
</style>
