Отступ подчеркивания

[Zaku4]

Здравствуйте, подскажите пожалуйста, есть подчеркнутая ссылка

<a href="#"> Назад на главную страницу</a>

мне нужно линию подчеркивания ниже опустить. Line-height не помогает, font-size тоже(да и за другое они отвечают). Обыскался уже, но пока безрезультатно.

Спасибо.

[psywalker]

Здравствуйте, подскажите пожалуйста, есть подчеркнутая ссылка

<a href="#"> Назад на главную страницу</a>

мне нужно линию подчеркивания ниже опустить. Line-height не помогает, font-size тоже(да и за другое они отвечают). Обыскался уже, но пока безрезультатно.

Спасибо.

Вместо подчёркивания сделай обычный бордер.

[Zaku4]

Спасибо за вариант. Но мне придётся извращаться, чтобы при наведении бордер пропадал, с подчеркиванием проще. Наверняка же есть способ...

[psywalker]

Спасибо за вариант. Но мне придётся извращаться, чтобы при наведении бордер пропадал, с подчеркиванием проще. Наверняка же есть способ...

Не понял, чем отличается подчёркивание от бордера в плане наведения? Расскажи мне секрет и я пополню свою копилку знаний.

[Zaku4]

когда я пропишу

a: hover {text-decoration: none;}

то при наведении подчеркивание будет исчезать, а в случае если у меня будет бордер...то мне, чтобы при наведении ссылка пропадала, придется...в общем text-decoration: none; тут не прокатит.

А, видимо можно будет написать

a: hover {border:0;}

внешне я понимаю, что разницы никакой, но неужели нет параметров для изменения underline?

Edited May 22, 2011 by Zaku4

[psywalker]

когда я пропишу

a: hover {text-decoration: none;}

то при наведении подчеркивание будет исчезать, а в случае если у меня будет бордер...то мне, чтобы при наведении ссылка пропадала, придется...в общем text-decoration: none; тут не прокатит.

А, видимо можно будет написать

a: hover {border:0;}

внешне я понимаю, что разницы никакой, но неужели нет параметров для изменения underline?

Дружище, какие параметры? underline лишь подчёркивает текст. Зачем тебе вообще его юзать в твоей задаче? Изначально вообще отмени его

a {text-decoration: none;}

А вот твои действия:

a{border-bottom: 1px solid #000;}
a:hover {border:0;}

[Zaku4]

Ясно. Благодарю за помощь.

[TMGLUK]

Ещё можно сделать так:

<a href="#"><span>link</span></a>

a>span {
position:relative;
top:-2px;
}

Но почему-то работает не везде.

Edited May 24, 2011 by TMGLUK