Просмотр полной версии : Подчёркивание ссылки
slayer110
12.04.2011, 00:42
Ситуация следующая: я с помощью cufon подключил шрифт к сайту, и применил его к ссылкам меню. Но у cufon есть недостаток, он не поддерживает свойство подчёркивания у css, как мне средствами java обойти эту проблему
CSS:
a{
border-bottom:1px solid blue}
При обычном подчёркивании ссылки (text-decoration: underline) - линия подчёркивания проходит ближе к тексту и пересекает, например символ "р". При реализации подчёркивания через border-bottom - линия находится ниже всех симвлов. Как её можно подвинуть выше, чтобы смотрелось, как-будто установлен text-decoration?
<div style="display: inline-block">
тра-тра-тра
<div style="border: solid 1px green; margin-top: -4px;"></div>
</div>
<style type="text/css">
a{
display:inline-block;
border-bottom: solid 0.1em; /*если цвет не указан он равен цвету текста.*/
line-height:0.9em;
text-decoration:none; /*убрать обычное подчёркивание(для обычного шрифта)*/
}
a:hover{
color: red;
}
</style>
Текст текст <a href="#">ссылка с буквой рррррр</a> текст текст.
vBulletin® v3.6.7, Copyright ©2000-2025, Jelsoft Enterprises Ltd. Перевод: zCarot