Не меняет цвет ссылки в ul li при hover

[gikach]

Добрый день. Буду благодарен за помощь.

Есть горизонтальное выпадающее меню:

...

<ul id="nav" class="dropdown ">

<li class="dir">Каталог

<ul>

<li><a href="#">Буры</a></li>

<li><a href="#">Шнеки</a></li>

<li>Буровая техника</li>

<li><a href="#">Комплектующие</a></li>

<li><a href="#">Отзывы о продукции</a></li>

</ul>

</li>

...

Есть CSS который описывает внешний вид меню. (#e5cfa1 - светлый бежевый цвет, #332119 - темный коричневый )

ul.dropdown a:link { color: #e5cfa1; }

ul.dropdown a:hover { color: #332119; }

ul.dropdown a:active { color: #332119; }

ul.dropdown { text-decoration:none; color: #e5cfa1; font-family: Arial; font-size: 12px; height:12px; text-align:left; }

ul.dropdown li { background-color: #332119; color: #e5cfa1; text-decoration:underline; }

ul.dropdown li.hover, ul.dropdown li:hover { background-color: #e5cfa1; color: #332119; }

ul.dropdown ul li { font-weight: normal; padding:3px 0px 3px 5px; width:165px; }

ul.dropdown ul li a:hover{ font-weight: normal; padding:3px 0px 3px 5px; width:165px; color: #332119; background-color: #e5cfa1; } класс, при ховере который меняет все, кроме цвета ссылки, если только курсор не на самой ссылке .

ul.dropdown *.dir { padding-right: 20px; }

Необходимо чтобы цвет ссылки менялся не только при наведении на ссылку но и просто при наведении на область соответствующего выпадающего меню.

- курсор на области (цвет ссылки не сменился, но сменился цвет бекграунда

- курсор на ссылке (цвет ссылки сменился

- если в меню не ссылка, а просто текст - цвет меняется!

Edited October 21, 2009 by gikach

[Searcher]

не совсем понял, что вы хотите, но возможно нужно добавить display:block для ul.dropdown ul li a ...

[Justnewone]

не совсем понял, что вы хотите, но возможно нужно добавить display:block для ul.dropdown ul li a ...

Поддерживаю и уточняю. Функции, которые Вы сейчас возлагаете на LI:hover перенести на A:hover с display:block, тогда и LI.hover не понадобится.

[gikach]

Увы но добавление display:block; ни к чему не привело.

Ниже последний код который используется для оформления меню. Еще раз попытаюсь объяснить что мне нужно, при навигации по выпадающему меню необходимо менять цвет бекграунда и цвет шрифта. Так вот цвет бекраунда меняется, а цвет ссылки меню - нет. Для наглядности скину в ЛС линк. Еще раз заранее спасибо.

ul.dropdown a:link 	{ color: #e5cfa1; }
ul.dropdown a:hover	{ color: #332119; }
ul.dropdown a:active	{ color: #332119; }

ul.dropdown { 
	text-decoration:none;
	color: #e5cfa1; 
	font-family: Arial;
	font-size: 12px;
	height:12px;
	text-align:left;
}

	ul.dropdown li {
		 background-color: #332119;
		 color: #e5cfa1;
		 text-decoration:underline;
	}

	ul.dropdown li.hover ,
	ul.dropdown li:hover {
	 background-color: #e5cfa1;
	 color: #332119;	
	}

	ul.dropdown ul li {
			 font-weight: normal;
			 padding:3px 0px 3px 5px;
			 width:165px;				 
		}

ul.dropdown *.dir {
 padding-right: 20px; 
}

[mishka]

ul.dropdown li.hover ,

ul.dropdown li:hover {

background-color: #e5cfa1;

color: #332119;

}

и что же вы от этого хотите? Если бы в лишке был просто текст то он поменялся бы, но там ссылка! Значит:

ul.dropdown li.hover ,
	ul.dropdown li:hover {
	 background-color: #e5cfa1;	
	}
ul.dropdown li.hover а,
	ul.dropdown li:hover а {
	 color: #332119;	
	}

Както так...

[gikach]

и что же вы от этого хотите? Если бы в лишке был просто текст то он поменялся бы, но там ссылка! Значит:

ul.dropdown li.hover ,
	ul.dropdown li:hover {
	 background-color: #e5cfa1;	
	}
ul.dropdown li.hover а,
	ul.dropdown li:hover а {
	 color: #332119;	
	}

Както так...

Да все так и есть - если текст то цвет меняется, если ссылка то нет!. Но черт побери,

ul.dropdown li.hover а,

ul.dropdown li:hover а {

color: #332119;

} - не работает!! скинул ссылку в ЛС.

[mishka]

Давай сюда ссылку, в ЛС нет ничего.

[gikach]

Давай сюда ссылку, в ЛС нет ничего.

скинул

[Searcher]

ну во-первых ul.dropdown li.hover не будет работать, как вам надо, вы ошиблись... надо так ul.dropdown li:hover

во-вторых, псевдокласс hover не работает в ИЕ6 и ниже.

[Justnewone]

Повторюсь, в последний раз. Делайте ссылку блочной и с паддингами, ховер ТОЛЬКО на нее. Все получится кроссбраузерно.

[mishka]

ul.dropdown ul li:hover a,
ul.dropdown ul li.hover a {
color:#332119;
}

Edited October 21, 2009 by mishka2

[gikach]

ul.dropdown ul li:hover a,
ul.dropdown ul li.hover a {
color:#332119;
}

Спасибо больше, сработало. Ну а ие6 , хрен с ним. я и проверить в нем не могу.(ие7,8,фф - здесь работает 100%)

[Игорь Ермаков]

Ссылку выложи, посмотрим. И в ИЕ 6 посмотрим.