| |
|
|
| | Здравствуйте. Такой вопрос. Есть следующее меню
<div class="menu">
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
</ul>
</div>
|
К нему следующие стили
.menu{display:block; height:24px; font-size:10px; padding:15px 30px; font-weight:bold; font-family: Verdana;color:#fff;}
.menu ul{padding:0; list-style-type:none; float:left; width:600px;}
.menu ul li{display:block; float:left; margin:0px;}
.menu ul li a:link, .menu ul li a:visited {
margin: 0px 20px;
color:#fff;
display: block;
outline: none;
text-decoration: none;
height: 24px;
text-align: center;
font-size: 15px;
padding-top:15px;
}
.menu ul li A:active, .menu ul li a:hover {
text-decoration: none;
color:#fff;
border-bottom: 2px solid #fff;
}
|
Но всё это не работает в ie. Чего не хватает в этих стилях, чтобы меню стало горизонтальным? Я хочу сделать для активных ссылок подчёркивание в 2 пиксела, но если указать ширину ссылок, меню становится горизонтальным, а текст ссылок разный по длинне и подчёркивание получается не правильным. | |
| |
|
|
| |
|
|
| |
для: relikt
(31.01.2008 в 16:19)
| | | для ссылок float:left | |
| |
|
|
| |
|
|
| |
для: AlexSol
(31.01.2008 в 16:25)
| | | а как избавиться от скачков текста под этим меню. Оно стало горизонтальным, но всё, что расположено под ним, при наведении курсора на ссылку смещается в низ на 2 пиксела. | |
| |
|
|
