Менюшка с круглыми углами Css (помогите)
Код:
<ul id="buttons">
<li id="general"><a href='#'>GENERAL</a></li>
<li id="preferences"><a href='#'>PREFERENCES</a></li>
<li id="password"><a href='#'>PASSWORD</a></li>
<li id="newsletters"><a href='#'>NEWSLETTERS</a></li>
<li id="admin"><a href='#'>ADMIN</a></li>
</ul>
стили
Код HTML:
/*<----------------<BUTTONS>--------------->*/
div#account ul {
top:75px;
left:260px;
display:block;
position: absolute;
text-decoration:none; text-align: left;
list-style:none;
border: none;
margin: 0px ;
padding: 0px;
}
div#account li{
display:inline;
margin: 0 ;
padding: 0px ;
list-style:none;
text-decoration:none; text-align: left;
}
div#account li a{
Font:bold 10pt Verdana;
list-style:none;
border: #7ba0cb solid 1px;
text-decoration:none;
color:white;
margin: 0 ;
padding: 6px 11px;
background:url(images/button.gif) repeat-x;
}
/*<----------------</BUTTONS>--------------->*/
использую это для скругления http://www.html.it/articoli/nifty/index.html
но когда прописую в final.js так
Код:
RoundedTop("div#account ul li","#064d8e","#93b9e0");
ставит дополнительные дивы только в ul
если
Код:
RoundedTop("div#account li","#064d8e","#93b9e0");
ставит доп. дивы то во все li но вот бровзеру это что не нравится и у него крышу сносит
я б сделал картинками но нужно чтоб ширина высота кнопки зависила от количества символов в ней |
