Вход

Просмотр полной версии : Подчёркивание ссылки


slayer110
12.04.2011, 00:42
Ситуация следующая: я с помощью cufon подключил шрифт к сайту, и применил его к ссылкам меню. Но у cufon есть недостаток, он не поддерживает свойство подчёркивания у css, как мне средствами java обойти эту проблему

Magneto
12.04.2011, 02:04
CSS:
a{
border-bottom:1px solid blue}

CyMKuH
07.08.2012, 09:34
При обычном подчёркивании ссылки (text-decoration: underline) - линия подчёркивания проходит ближе к тексту и пересекает, например символ "р". При реализации подчёркивания через border-bottom - линия находится ниже всех симвлов. Как её можно подвинуть выше, чтобы смотрелось, как-будто установлен text-decoration?

bes
07.08.2012, 11:29
<div style="display: inline-block">
тра-тра-тра
<div style="border: solid 1px green; margin-top: -4px;"></div>
</div>

Aetae
07.08.2012, 23:32
<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> текст текст.