изображение в ссылке

[inox]

Доброго времени суток!

Возможно вопрос и тупой, но не судите строго:

Есть сайт http://notepad.if.ua (логин: test пароль: test123) - и в ссылке "создать новую" при наводе на нее, подчеркивание вылазит за границы слова "Создать" и идет вплоть до картинки (хотя у нее margin-right установлен в 4px).

Как сделать так чтобы подчеркивание было только под самой фразой "Создать новую" и изображение тоже при этом являлось ссылкой (разумеется при наводе на изображение должно появляться подчеркивание у текста ссылки).

Спасибо!

[d0ublezer0]

Ну, например, текст - в SPAN, и уже ему по a:hover span назначайте подчеркивание

Или картинку в фон положить.

P.S> Ссылку не открывал

Edited July 4, 2010 by d0ublezer0

[Int]

Ничего не вылазит. Я специально картинке большой margin поставил, всё нормально осталось. Какой браузер?

[d0ublezer0]

А потому что топикстартер уже переверстал, добавив в ссылку элемент <i>, а на него уже underline

[Int]

так закрывайте

[inox]

да, спасибо всем! данный способ мне предложили на руборде, но что-то мне кажется, что он не идеален, т.к. при создании нового класса при наличии в нем ссылок приходится прописывать новое правило для .class a:hover, чего не очень хотелось бы делать. Может кто-то подскажет более лучший вариант решения данной проблемы?

[sigma77]

inox,

Запихни картинку в бэкграунд.

[d0ublezer0]

inox, тебе ж уже два раза сказали - картинку в фон положи.

[ВэйДлин]

А нельзя ли так?

<a href="#"><div style="text-decoration:none;"><img src="img.png" border="0"> </div>Я ссылка</a>

[sigma77]

ВэйДлин,

Нельзя.

[inox]

переверстал через бекграунд - получилось вроде нормально, но вот опять один косяк - в опере на ссылке "создать новую" андерлайн какой-то сильно толстый получается хотя в других ссылках с картинками нормальный. В чем может быть проблема?

[sigma77]

inox,

Элементы <span> и <b> внутри ссылок лишние.