Так уш вышло.)
Вот код страницы я в нем кое что изменил, высоту ul и ссылки подправил но это не помогло.
<div class="toppanel">
<div class="header">
<div class="logo"><a href=" http://адрес сайта/"><img src="{THEME}/images/logo.jpg" ></a></div>
<div class="clock"><span id="thisdate"></span>, <span id="thistime"></span> </div>
</div>
</div>
</div>
<div class="menu3">
<ul>
<li><a class="left" href="/index.php"> Главная</a></li><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><li><a class="right" href="/index.php?do=rules">Правила на сайте</a></li></ul>
</div>
<style>
.menu3 li { display:inline; margin: 1px; vertical-align: 7px; font-size: 0px }
.menu3 li a {
background:#539E0D;
font-weight:bold;
font: 16px ATrebuchet MS; bold; color: #333232; font-weight:bold; ; font-family: verdana,sans-serif;
padding:9px 25px;
color:#ffffff;
margin: 0px;
text-decoration:none;
outline:none;
overflow: hidden;
}
.menu3 li a.right{
-moz-border-radius-bottomright: 50px;
-webkit-border-bottom-right-radius: 50px;
-khtml-border-bottom-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.menu3 ul {
height: 16px;
width: 1195px;
position: relative; left: 12px; zoom: 1;
}
.menu3 li a.left{
-moz-border-radius-bottomleft: 50px;
-webkit-border-bottom-left-radius: 50px;
-khtml-border-bottom-left-radius: 50px;
border-bottom-left-radius: 50px;
}
.menu3 li a:visited {color:#ffffff; }
.menu3 li a:activ {color:#ffffff;}
.menu3 li a:hover {
background:#234A0B;
color:#ffffff;
text-decoration:none;
}
</style>
Если уменьшить ширину padding:9px 25px; до порогового значения перескакивания меню, то при при приближении, ничего не перескакивает, но так оставлять тоже нельзя слишком коротко и не красиво! (Отредактировано автором: 03 Октября, 2011 - 15:56:43)
|