Чего не хватает для работы а:hover

[piryaz]

Не работает в ФФ, Опера. В ИЕ 6 все окей.

ul li {

font-family: Arial, Helvetica, sans-serif;

font-size: 15px;

line-height: 20px;

text-decoration: none;

list-style-image: url(img/bullet.gif);

}

li a {

font-family: Arial, Helvetica, sans-serif;

color: #4C4D4F;

text-decoration: none;

}

li a:hover{

list-style-image: url(img/bullet_grey.gif);

}

li a:visited{

color: #666666;

}

[rash]

Вы применяете ist-style-image к ссылке, в то время как это применимо к списку либо элементу списка.

[piryaz]

Т.е. "Li a" это ссылка??

Просто к li применять надо?

li hover???

visited работает при этом....

Edited July 20, 2009 by piryaz

[rash]

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

Для hover вы пытаетесь изменить свойство list-style-image, которое применяете к ссылке, однако это свойство можно устанавливать только для списков и их элементов.

Если вы зададите

li:hover{
list-style-image: url(img/bullet_grey.gif);
}

то это должно будет сработать везде, кроме IE 6.

[piryaz]

...это должно будет сработать везде, кроме IE 6.

не работает нигде( может чего еще не дописал?

[LunatiK]

не заморачивайся с list-style-image, сделай background-image с background-repeat: no-repeat ну и padding c лева на нужное расстояние

[rash]

не работает нигде( может чего еще не дописал?

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

[3ABAPKA]

li a:hover{
list-style-image: url(img/bullet_grey.gif);
}

пишут после

li a:visited{
color: #666666;
}

list-style-image надо применять к <ul> а не к <a>

ul {

list-style-image: url(img/bullet_grey.gif);

}

[rash]

list-style-image надо применять к <ul> а не к <a>

ul {

list-style-image: url(img/bullet_grey.gif);

}

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

Этот стиль работает и для отдельных элементов списка.

[3ABAPKA]

тогда ul a:hover{}