bruder
11-05-2008, 14:27
привет всем. Хотелось изобразить динамичное меню, неприятное поведение ie6, в 7 не тестировал, курсор дрожит как будто линк не растянут. Кто что подскажет<HTML>
<HEAD>
<style>
div#buttons{
float: right;
}
div#buttons ul li{
float: left;
list-style-type: none;
padding: 0 2px;
}
div#buttons ul li a{
display:block;
padding:7px 10px;
background:#DDccff;
text-decoration: none;
font-size: 11px;
color: #fff;
font-weight: bold;
font-family: verdana;
}
div#buttons ul li a:hover{
padding-top: 15px;
color: #c00;
}
</style>
</HEAD>
<BODY>
<div id="buttons">
<ul>
<li><a href="" >gsfgdfg</a></li>
<li><a href="">sfgsfg</a></li>
<li><a href="">sfgs</a></li>
</ul>
</div>
</BODY>
</HTML>
<HEAD>
<style>
div#buttons{
float: right;
}
div#buttons ul li{
float: left;
list-style-type: none;
padding: 0 2px;
}
div#buttons ul li a{
display:block;
padding:7px 10px;
background:#DDccff;
text-decoration: none;
font-size: 11px;
color: #fff;
font-weight: bold;
font-family: verdana;
}
div#buttons ul li a:hover{
padding-top: 15px;
color: #c00;
}
</style>
</HEAD>
<BODY>
<div id="buttons">
<ul>
<li><a href="" >gsfgdfg</a></li>
<li><a href="">sfgsfg</a></li>
<li><a href="">sfgs</a></li>
</ul>
</div>
</BODY>
</HTML>