a:hofer; a:active;

[vrednyu4aya]

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

Так я вам выложу CSS и если не трудно посмотрите в ч?м проблема.

Почему ОПЕРА и МАЗИЛА игнорируется. А в ИЕ вс? показывает нормально.

Значит проблема в том что не отоброжается при нажатии и при наведении мышки на ссылку.(не отоброжается нужным мнe цветом)

#base_ul {
 margin: 2em;
 width: 10em;
 padding: 5px;
 }

ul {
 position: relative;
 top: 22px;
 left: -26px;
 /*margin-left: 5px;*/
 list-style-image: url(./img/li.gif);
 }
html>body ul {top: -1px; left: -26px;}

li {
 margin-top: 5px;
 }

ul a {
 font-size: 130%;
 color: #00a2ff;
 text-decoration: underline;
 font-weight: bold;
 }
#base_ul a:link, #base_ul a:visited { list-style-image: url(./img/li.gif);}
#base_ul a:hover, {list-style-image: url(./img/v_li.gif);}
#base_ul a:active {list-style-image: url(./img/v_li.gif); color: #de2a1b;}

И HTML

<div id="base_ul">
 <ul>
 <li><a href="#">Truffle</a></li>
 <li><a href="#">Kavaler</a></li>
 <li><a href="#">Extra</a></li>
 <li><a href="#">Prestije</a></li>
 <li><a href="#">Dream</a></li>
 </ul>
 </div>

[yopopt]

Я так понял Вы при наведении добавляете list-style-image тегу "а". Прикольно.

[vrednyu4aya]

а пояснее?

[vrednyu4aya]

у меня же две маленькие фотки. Одна серая, а другая красная.

И при наведении мышки серенькая фотка должна переходить в красненькую.

В ИЕ так и есть вс? к. А вот ОПЕРА, МАЗИЛА проблематично.

Может подскажешь в ч?м проблема?

[shkoda]

#base_ul a:link, #base_ul a:visited { list-style-image: url(./img/li.gif);}
#base_ul a:hover, {list-style-image: url(./img/v_li.gif);}
#base_ul a:active {list-style-image: url(./img/v_li.gif); color: #de2a1b;}

Вы для тега a задаете свойство list-style-image, а так вроде не очень корректно.

[vrednyu4aya]

ну а как же мне ещ? сделать?

[shkoda]

так Вам нужно чтобы менялся маркер списка при наведении мыши?

[vrednyu4aya]

я хщчу чтоб и цвет ссылки менялся. А так же есть маленькая фотка. Она тож должна меняться при наведении мышки.

[vrednyu4aya]

мой код не подходит??

[yopopt]

Используйте background-image для a.

#base_ul a, {background: url(./img/v_li.gif) no-scroll bottom left; padding-left: ширина_картинки+нужный_отступ;}

[vrednyu4aya]

ок ща попробую

[onikserj]

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

#base_ul {

margin: 2em;

width: 10em;

padding: 5px;

}

#base_ul ul {

padding:0;

margin:10px 0 10px 25px;

position: relative;

top: 22px;

left: -26px;

/*margin-left: 5px;*/

list-style-image: url(./img/li.gif); это убераем

list-style:none; тут убераем маркеры

}

html>body ul {top: -1px; left: -26px;} А это зачем????

#base_ul li {

margin-top: 5px;

}

#base_ul ul li a {

font-size: 130%;

color: #00a2ff;

text-decoration: underline;

font-weight: bold;

background: url(./img/li.gif) no-repeat;

padding-left:15px;

}

#base_ul ul li a:hover {

background: url(./img/v_li.gif) no-repeat; color: #de2a1b;}

}