border у картинок-ссылок

[ProcyonLotor]

Нужно сделать ссылки на всех страницах подчёркнутыми пунктирной линией, цвет которой отличается от цвета самой ссылки.

Вставил код в CSS:

a:link, a:visited { color: #423927; text-decoration:none; border-bottom:1px dotted #c5bcab;}

Всё заработало, но стали подчёркиваться картинки-ссылки.

Вставил строчку:

a img {border:0 none;} (пробовал так же {border:0;}, {border:none;} и даже {border:none !important;})

Картинки перестали подчеркиваться только в chrome. Во всех остальных браузерах картинки подчеркиваются. Как исправить?

Да, и ещё.

Когда ставлю

a:link, a:visited { color: #423927; text-decoration:none; border-bottom:1px dotted #c5bcab;}
a img {border:5px solid;}

то картинка выделяется рамкой, а под ней ещё пунктирный border!

Edited November 6, 2012 by ProcyonLotor

[Great Rash]

Вы изначально ставите пунктирный бордер для <a>, а обнулять пытаетесь для <img>. Почему же оно должно сработать?

[ProcyonLotor]

Вы изначально ставите пунктирный бордер для <a>, а обнулять пытаетесь для <img>. Почему же оно должно сработать?

Руководствовался вот этим, думал сработает в моём случае.

А как сделать правильно, не подскажете?

[Great Rash]

Вам надо добавить класс к ссылкам, у которых должен быть пунктирный бордер.

a.dotted:link, a.dotted:visited {border-bottom: 1px dotted #c5bcab;}

[ProcyonLotor]

Жаль, что парой строчек вопрос не решить.

Спасибо, сделаю так, как Вы советуете.

[Great Rash]

К сожалению, в CSS пока нельзя выбрать родительский элемент. Иначе можно было бы написать так:

img:parent {border: 0;}

Ходят слухи, что нечто подобное будет в CSS4. Но ИЕ9 вставит нам палки в колеса (впрочем как обычно)...

[SelenIT]

Делать все ссылки пунктиром — не очень хорошая идея. Есть недокументированное, но более-менее общепринятое соглашение, что пунктиром подчеркивают псевдоссылки, которые не переходят куда-то, а подгружают что-то аяксом, раскрывают какую-то выпадушку и т.п. Так что в любом случае лучше завести для пунктирных ссылок отдельный класс и задавать его только где нужно.