XHTML 1.0 Строгий, CSS и IMG границы

Question

Я использую XHTML 1.0 Strict на своем веб-сайте, и в моих ссылках используется следующий стиль CSS:

a:hover {
    border-bottom: 1px dotted #447799;
}

и мои изображения:

a img, img {
    border: none;
    text-decoration: none;
}

Тем не менее, когда я наводю указатель мыши на заголовок, нижняя граница все еще отображается пунктирно-синим цветом. Очевидно, я не могу использовать border = "0", потому что он не является частью XHTML 1.0 Strict Doctype.

Мой сайт можно посмотреть здесь: armorycraft.com

Предложения

Answer 1

Вы можете использовать класс:

a.imageAnchor:hover {
    border:none;
}

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

Answer 2

Это сработало для меня: (Я думаю, вы просто забыли двоеточие (:)

a:img, img {
    border: none;
    text-decoration: none;
}

Удачи!

Answer 3

a: hover имеет рамку: 1, поэтому автоматически a:hover img als имеет рамку: 1

Я думаю, что это будет исправить это

a:hover img{border:0;}

теперь вам не нужно создавать новый класс для него

Answer 4

Проблема в том, что рамка привязана к якору, но затем вы устанавливаете границу: нет изображения.

Нет простого способа избежать этого. Я бы посоветовал немного подправить эту штуку:

a:hover {
    border-bottom: 1px dotted #447799;
}

a.image:hover {
    border: none;
}

Итак, добавьте класс «image» ко всем якорям с изображениями, и все готово.

Answer 5

Попробуйте это:

a img:hover, img:hover {border:none; text-decoration:none;}