Только для изображения со ссылкой внутри предыдущего стиля ссылки. Не забудьте создать стиль для no_border_image.

я есть несколько случаев, когда я помещаю изображение в ссылку. Обычно, если вы установите border = "0", строка под ссылкой не относится к изображению. Тем не менее, я должен был указать DOCTYPE, чтобы быть и теперь в FF я вижу линию под всеми изображениями.

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

<a href="link.php"><img src="img.png" height="16" width="16" border="0"> link</a> 

Я пытался решить это с помощью CSS, добавив

a img {
    text-decoration:none
}

К сожалению, это не сработало. Я также попробовал:

a img {
    border:0
}

IE не "подчеркивает" мои изображения в ссылке ... Любые предложения будут высоко оценены.

Пример ссылки

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

 santa24 янв. 2011 г., 19:11
Обновил мой пост с кодом.
 santa24 янв. 2011 г., 19:21
Я думаю, что это ошибка FF. Это не должно происходить в HTML и не происходит в IE, SAFARI и OPERA.
 Jason24 янв. 2011 г., 19:57
@ Санта, это не ошибка. Так и должно быть.a подчеркивается, а неimg
 Doug Chamberlain24 янв. 2011 г., 19:08
Что вы подразумеваете под линией? пожалуйста, включите фрагмент исходного кода HTML
 thirtydot24 янв. 2011 г., 19:16
Вы хотите, чтобы текст ссылки был подчеркнут, но изображение не подчеркнуто? Если так, то у Йеруна есть ответ. Если вы не хотите подчеркнуть, у vinhboy есть ответ.

Ответы на вопрос(1)

укажитеa элемент класса и удалить текстовое оформление для этого класса:

HTML:

<a href="link.php" class="image-link"><img height="16" width="16" /></a>

CSS:

a img
{
  border: 0 none;
}
.image-link
{
  text-decoration: none;
}

Это здорово, если тытолько иметь изображение в ссылке, однако у вас естьобе текста также изображения внутри якоря.

Решением для этого было бы добавитьspan вокруг текста внутри якоря:

<a href="link.php" class="image-link"><img height="16" width="16" /> <span>link text here</span></a>

и добавьте дополнительный стиль в таблицу стилей:

.image-link span
{
  text-decoration: underline;
}
 Jason24 янв. 2011 г., 20:48
+1 так как я продублировал вопрос - извините.
 thirtydot24 янв. 2011 г., 19:54
+1 Это тоже хорошее предложение, которое не заслуживает отрицательного голосования. OP ограничен: «У меня на сайте много дел. Я не могу просмотреть все случаи и заменить их» - он предпочел бы не менять HTML.
 santa24 янв. 2011 г., 19:32
Я не хочу говорить это, но я думаю, что FF облажался и должен это исправить.
 zzzzBov24 июн. 2017 г., 03:50
Более современным решением будет использованиеtext-decoration-skip.

Ваш ответ на вопрос