21.11.2011, 14:46
|
Аспирант
|
|
Регистрация: 23.01.2010
Сообщений: 90
|
|
не работают скругления углов тега a
Привет, подскажите, почему не скругляются углы ссылки
HTML и CSS
<div id="bottom_menu">
<ul>
<li><a href="#">О компании</a></li>
<li><a href="#">Партнёрам</a></li>
<li><a href="#">Сервис</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</div>
#bottom_menu{
float: left;
margin-top: 15px;
margin-left: 70px;
}
#bottom_menu ul li{
display: inline;
float: left;
margin-right: 30px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
#bottom_menu ul li a{
display: block;
text-decoration: underline;
font: 13px Verdana;
height: 25px;
line-height: 25px;
padding-left: 25px;
padding-right: 25px;
color: #304401;
}
#bottom_menu ul li a:hover{
text-decoration: underline;
color: white;
background: #87a801;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
Использую jQuery плагин curvycorners
Последний раз редактировалось OlegALL, 21.11.2011 в 14:50.
|
|
21.11.2011, 14:48
|
|
Модератор
|
|
Регистрация: 27.04.2010
Сообщений: 3,417
|
|
OlegALL, а где стили? Фиг вас знает, как вы их там добавляете.
И какой браузер?
|
|
21.11.2011, 16:03
|
Лаборант :-)
|
|
Регистрация: 08.11.2011
Сообщений: 806
|
|
Сообщение от OlegALL
|
Привет, подскажите, почему не скругляются углы ссылки
HTML и CSS
|
у меня скругляются при наведении мыши, браузер FF8
|
|
21.11.2011, 21:58
|
|
Профессор
|
|
Регистрация: 06.05.2009
Сообщений: 1,163
|
|
#bottom_menu ul li {
...
display: inline-block;
...
}
В общем inline-block нужно добавить в любом случае, так как не очень правильно, строчный в блочном, хоть и HTML5.
Далее закруглить строчный нельзя, по этому что бы закруглить список, нужно сделать ему тот же inline-block.
Ссылка конечно и так должно закругляться, но собственно из-за выше указанного свойства родителя, что то могло не так показываться.
Ну и последнее это то, что глупо по умолчанию делать скругление на обёртке, а при ховере на внутренней ссылке.
__________________
Нужно равняться на лучших, а не оправдываться за счёт худших.
|
|
21.11.2011, 22:33
|
|
Модератор
|
|
Регистрация: 27.04.2010
Сообщений: 3,417
|
|
Сообщение от Nekromancer
|
строчный в блочном
|
Эм... Ошибка?
|
|
21.11.2011, 22:36
|
|
Профессор
|
|
Регистрация: 06.05.2009
Сообщений: 1,163
|
|
trikadin,
Тьфу, блочный в строчном Ага, ошибка, моём тексте.
__________________
Нужно равняться на лучших, а не оправдываться за счёт худших.
|
|
21.11.2011, 23:04
|
|
Модератор
|
|
Регистрация: 27.04.2010
Сообщений: 3,417
|
|
Сообщение от Nekromancer
|
Тьфу, блочный в строчном Ага, ошибка, моём тексте.
|
Я просто завис немного... Может, я чего не знаю)
|
|
23.11.2011, 14:58
|
Аспирант
|
|
Регистрация: 23.01.2010
Сообщений: 90
|
|
Установил, что скругления не прорисовываются при наведении мыши на ссылку (hover). в остальных случаях скругление работает. Браузер ИЕ8
|
|
23.11.2011, 15:13
|
Профессор
|
|
Регистрация: 01.10.2011
Сообщений: 422
|
|
Сообщение от OlegALL
|
Установил, что скругления не прорисовываются при наведении мыши на ссылку (hover). в остальных случаях скругление работает. Браузер ИЕ8
|
в ie 8 вообще не работают скругления, ховер тут не причём.
Последний раз редактировалось Seva1986, 23.11.2011 в 17:24.
|
|
|
|