a:visited img

[derek]

Здравствуйте.

Ситуация такова:

Есть горизонтальная менюшка с кнопками нарисованными в фотошопе. Хочу чтобы нажатые кнопки обводились жёлтой рамкой. Казалось бы всего и делов - то ...вот код:

a:{display:block;}

img{border:none;}

a:visited img{border: 1px solid #ffac4f;}

a:hover img{border: 1px solid #ffa948;}

<div id="knopkisverhy">

<ul>

<li><a href="#1"><img src="../MoiSite/knopka.png" width="100" height="40" alt="Главная"></a></li>

<li><a href="#2"><img src="../MoiSite/rasskazi.png" width="100" height="40" alt="Мои рассказы"></a></li>

<li><a href="#3"><img src="../MoiSite/novosti.png" width="100" height="40" alt="Новости"></a></li>

<li><a href="#4"><img src="../MoiSite/reklama.png" width="100" height="40" alt="Реклама"></a></li>

<li><a href="#5"><img src="../MoiSite/faq.png" width="100" height="40" alt="F.A.Q."></a></li>

<li><a href="#6"><img src="../MoiSite/forum.png" width="100" height="40" alt="Форум"></a></li>

</ul>

</div>

Однако же этот код работает как надо только в IE8 и Опере 11.10.

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

В Хроме и Сафари нажатые кнопки не обводятся. Словно правила a:visited img{border: 1px solid #ffac4f;} вообще нет!

Если кто-нибудь знает как одолеть эту проблему, подскажите пожалуйста.

Заранее спасибо.

Edited May 16, 2011 by derek

[Great Rash]

А кто будет писать стиль для непосещенных ссылок?

a:link img {border: 0;}

[derek]

  On 5/16/2011 at 11:22 AM, Great Rash said:

А кто будет писать стиль для непосещенных ссылок?

a:link img {border: 0;}

Написал. Ничего не изменилось =(

[buddah]

Почему не

li a:visited img{border: 1px solid #ffac4f;}
li a:hover img{border: 1px solid #ffa948;}

?

[SelenIT]

Новые браузеры не позволяют менять для посещенных ссылок никаких свойств, меняющих отображение (размеры и т.п.) по соображениям безопасности (не так давно обсуждалось). По идее, должно сработать, если менять только цвет бордера (по дефолту сделав его цветом фона или transparent). На крайняк, можно воспользоваться тем, что без явного указания border-color бордеры берут цвет текста, и менять просто color картинок (хотя это не есть гуд, т.к. может привести к нечитаемости alt-текстов).

[derek]

Спасибо за ссылку, интересная информация.Печально что всё так сделали. Всем спасибо за ответы.