XHTML 1.0 Strict, CSS и IMG границы

Я использую XHTML 1.0 Strict на моем сайте и иметь следующий стиль CSS на моей ссылки:XHTML 1.0 Strict, CSS и IMG границы

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

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

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

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

Вы можете видеть, что мой сайт здесь: armorycraft.com

Предложения?

источник

2009-03-18 Jayrox

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

a.imageAnchor:hover { 
    border:none; 
}

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

источник

2009-03-18 01:06:44 Joel

Я пытался избежать создания классов, но я попробую. – Jayrox

Этот метод работал. Я бы предпочел использовать бесклассовый метод, если это возможно. Если я не могу найти рабочий метод, я приму этот ответ. – Jayrox

Проблема в том, что граница, которую вы видите, находится на якоре, а не на изображении. Существует не css-единственный способ назад ссылаться на якорь и удалять границу, если он содержит изображение. Вы можете сделать это с помощью javascript, но я предполагаю, что это будет излишним. – Joel

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

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

источник

2009-03-18 01:07:43 VirtuosiMedia

Отрицательный, не работает. :( – Jayrox

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

Нет простого способа избежать этого. Я хотел бы предложить, настраивая вещь немного:

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

a.image:hover { 
    border: none; 
}

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

источник

2009-03-18 01:20:12 Seb

: с парения имеет границы: 1, так Automaticly a:hover img АЛС границы: 1

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

a:hover img{border:0;}

Теперь вам не нужно, чтобы сделать целый новый класс для это

источник

2009-03-19 09:22:03

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

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

Удачи вам!

источник

2009-08-26 21:05:52

XHTML 1.0 Strict, CSS и IMG границы

ответ

Смежные вопросы