Xpoint
   [напомнить пароль]

тег A

Метки: [без меток]
2007-03-12 08:03:50 [обр] Top manager(0/2)[досье]
я задал свойства hover/visited/active
Сначала они отработали как надо, но при следующем запуске, все ссылки стоят в статусе visited и соответственно имеют такие же стили. Как сделать что бы их "статус" сбрасывался. Что бы, при наведении на них они снова срабатывало свойство hover и так далее.
спустя 20 минут [обр] Lynn «Кофеман»(56/571)[досье]

Определять свойства в порядке

:link
:visited
:hover
:active

мнемоника для запоминания LoVe/HAte

спустя 2 минуты [обр] Top manager(0/2)[досье]
Вот полный пример
<html>
<body>
<style>
a.tab:link {padding-top: 10px; text-align: center; color: #333333; text-decoration: none; border-left: 1px solid gray; border-right: 1px solid gray; border-top: none; border-bottom: 1px solid gray; background: #DFDFDF; width: 150px; height: 35px; font: bold 12px}
a.tab:hover {padding-top: 10px; text-align: center; color: #333333; text-decoration: none; border-left: 1px solid gray; border-right: 1px solid gray; border-top: none; border-bottom: 1px solid gray; background: #F9F9F9; width: 150px; height: 35px; font: bold 12px}
a.tab:active {padding-top: 10px; text-align: center; color: #333333; text-decoration: none; border-left: 1px solid gray; border-right: 1px solid gray; border-top: none; border-bottom: 1px solid gray; background: #F9F9F9; width: 150px; height: 35px; font: bold 12px}
a.tab:visited {padding-top: 10px; text-align: center; color: #333333; text-decoration: none; border-left: 1px solid gray; border-right: 1px solid gray; border-top: none; border-bottom: 1px solid gray; background: #DFDFDF; width: 150px; height: 35px; font: bold 12px}
</style>

<a href="#" class="tab">1111111</a>
<a href="#" class="tab">22222</a>

</body>
</html>
спустя 1 минуту [обр] Top manager(0/2)[досье]
Lynn «Кофеман»[досье] нифига се, порядок важен! :) Круто :)
Спасибо всё получилось :)
спустя 2 дня 3 часа [обр] Юрий[досье]
а это краиво получилось ::)
просто и со вкусом.
спустя 1 день 3 часа [обр] Юрий[досье]

Объясните мне пожалуйста, почему приведенный выше код работает только на половину?
А именно, кнопки получаются высотой и шириной с надпись, текст - обычный.

Мне кажется, перепутан порядок ссылок, надо:

A:link
A:visited
A:active
A:hover

спустя 22 часа [обр] Юрий[досье]
извините, в конце две последних поменять местами
Powered by POEM™ Engine Copyright © 2002-2005