Убрать рамку в конструкции <a><img></a>

[Jackky]

Дело в том, что в качестве подчеркивания ссылок в шаблоне я использую

	border-bottom-width: 1px;
	border-bottom-style: dashed;

Из-за этого в конструкции <a><img></a> под картинкой появляется ненужная граница. Как ее красиво убрать применимо ко всем картинкам со ссылками?

Edited August 5, 2012 by Jackky

[Andrey447]

a img {border:none;}

border-bottom-width: 1px;

border-bottom-style: dashed;

В современном мире делается просто так:

border-bottom:1px dashed #000000

Edited August 5, 2012 by Andrey447

[Jackky]

a img {border:none;}

border-bottom-width: 1px;

border-bottom-style: dashed;

В современном мире делается просто так:

border-bottom:1px dashed #000000

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

[sigma77]

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

border-bottom:1px dashed;

[Jackky]

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

border-bottom:1px dashed;

Таким образом не работает.

В любом случае, вопрос не про это.

[sigma77]

Таким образом не работает.

http://jsfiddle.net/fainz777/86BMz/

В любом случае, вопрос не про это.

А вам разве не интересно узнать что-то новое?

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

[Jackky]

Таким образом не работает.

http://jsfiddle.net/fainz777/86BMz/

В любом случае, вопрос не про это.

А вам разве не интересно узнать что-то новое?

Интересно, просто таким образом в моем шаблоне так действительно не работает. Рамка отменяется у всех ссылок. http://4tab.pavelzheglov.ru/

А так я сокращения прекрасно знаю и использую. Сначала сам такую конструкцию использовал.

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

Если бы все было так просто. Код генерируется движком. Поэтому класс не проставить.

Edited August 5, 2012 by Jackky

[sigma77]

Если бы все было так просто. Код генерируется движком. Поэтому класс не проставить.

Ну обычно движки позволяют редактировать шаблоны. В любом случае через css от потомка к родителю не обратиться.

Так что либо через обертку либо js.

[Jackky]

Придумал способ! В основном мне нужно было для лайтбоксовых картинок внутри блока с контентом, так что подошел такой вариант:

a[href$='.jpg'], a[href$='.jpeg'], a[href$='.png'], a[href$='.gif'] {
	border: 0;
	}

[Catherine]

Согласитесь, что для этого варианта решение не подходит. Поэтому все-таки <a class="no-border"></a>. Или это тоже лайтбоксовая картинка внутри блока с контентом?

Edited August 5, 2012 by Catherine

[wildhind]

похоже, проблема значительно глубже.

В css прописаны для всех ссылок правила, характерные для псевдоссылок. Главная проблема именно здесь.

[Jackky]

Согласитесь, что для этого варианта решение не подходит. Поэтому все-таки <a class="no-border"></a>. Или это тоже лайтбоксовая картинка внутри блока с контентом?

Тут я просто отменил рамку для Хедера

похоже, проблема значительно глубже.

В css прописаны для всех ссылок правила, характерные для псевдоссылок. Главная проблема именно здесь.

и?

[wildhind]

похоже, проблема значительно глубже.

В css прописаны для всех ссылок правила, характерные для псевдоссылок. Главная проблема именно здесь.

и?

и надо её исправить

[Jackky]

похоже, проблема значительно глубже.

В css прописаны для всех ссылок правила, характерные для псевдоссылок. Главная проблема именно здесь.

и?

и надо её исправить

Ну так как, я просто не понял суть комментария.