Вот это имеется.
3 ответа
Попробуй так, должно все работать, к стати в коде Astorа глюк с выравниванием текста padding работает только как padding-bottom.
-
@Cone, глюк исправил, проблема была в том, что элементу <a> не задал display: block; // можно display: inline-block; – Astor 8 янв '13 в 6:06
-
@Cone, да, и еще, совсем забыл - представленный Вами код не вполне кроссбраузерный, так как всеми нами любимый и уважаемый IE6 не поддерживает :hover для элементов, которые не являются ссылками. ...хотя IE6 уже на пенсии... – Astor 8 янв '13 в 6:10
-
<ul> <li><a href="#">home</a></li> <li><a href="#">portfolia</a></li> <li><a href="#">contacts</a></li> <ul>
*{margin:0;padding:0;list-style:none;} ul li {float:left;padding:5px 10px;background:#777;margin-left:10px;} ul li:hover {float:left;padding:5px 10px;background:#333;} ul li a{color:#eee;text-decoration:none;}