Challenge

[harisov]

Объявляется конкурс на самое элегантное решение подчёркивания ссылки точечками (псевдоссылки), так чтобы подчёркивание обычной и псевдоссылки совпадало.

Comments

[ext_101772]

a {
display: inline-block;
text-decoration: underline;
line-height: .65em;
}
a.pseudo {
text-decoration: none;
border-bottom: 1px dashed #F00;
}
a.pseudo:hover {
text-decoration: underline;
border-bottom: none;
}

[harisov]

http://vitaly.harisov.name/example/b-pseudo-link/okonetchnikov.html

Не работает.

[ext_101772]

Ну тогда я тоже выступлю за border-bottom для всех ссылок.

[ext_101772]

Ну и еще как вариант - background image. Минусы этого способа я думаю понятны и так...

[pepelsbey]

Можно пойти иначе - сделать все подчёркивания рамкой, если нет серьёзных возражений.

Вариант со смещением подчёркивания мне никогда не нравился.
Чуть только шрифт чуть меньше, или чуть больше, или чуток зумим… всё сразу ломается, сдвигается и вообще.
В этом смысле лучше чтобы подчёркивание визуально отличалось, чем постоянно ломалось.

[harisov]

Такой вариант был предложен, не принят, как треднореализуемый в реалиях «всегаяндекса».

[pepelsbey]

Ну, шапка тоже была труднореализуема.
Однако ж справились.

Тут скорее вопрос уверенного лобби единого стиля.

[skaurus]

ссылка с повешенной на неё отменой дефолтного действия не?