подскажите с меню

[montana]

вот файл:

html

<div id="menu_news"

<div class="news">

<img src="img/fon_menu.gif" width="249" height="30" class="news_head" />

<ul class="menu_news">

<li><a href="#">Пять дизайнерских правил применяемых в Web</a><p>01</p></li>

<li><a href="#">10 принципов эффективного веб-дизайна</a><p>02</p</li>

<li><a href="#">Дизайн пользовательских интерфейсов и юзабилити</a><p>03</p</li>

<li><a href="#">Меняем дизайн сайта в зависимости от погодных условий.</a><p>04</p</li>

<li><a href="#">Web 2.0 - технологическая ступень или конечный инструмент?</a><p>05</p</li>

<li><a href="#">Первое правило веб-дизайнера</a><p>06</p</li>

<li><a href="#">51 руководство по графическим эффектам для текста</a><p>07</p</li>

<li><a href="#">Японцы создают замену Интернету</a><p>08</p</li>

<li><a href="#">Первое правило веб-дизайнера</a><p>09</p</li>

</ul>

<ul class="bottom"><img src="img/menu_bottom.gif" width="249" height="20" alt="низ"></div>

</div><!--news-->

</div><!--menu_menu-->

———————————————————————————-

css

#menu_news{

float:right;margin-top:-205px;

margin-right:0px;padding-bottom:15px;

}

.news{font-family:Tahoma; font-size:12px;}

ul, li{

margin-top:0px; padding:0px;

list-style-position: outside;

list-style:none;

}

.menu_news {display:none; width:249px;background:#fff;}

.menu_news li a{

color: #5A5A5A; text-decoration:none;

padding:11px; display:block;

border-bottom:#5A5A5A dashed 1px;

}

ul p {

float:right;margin-top:-20px;

margin-right:5px;color:#5A5A5A;

}

.menu_news li a:hover {

padding:10px 10px; font-weight:normal;

color: #A7D332;background: rgb(23, 23, 23);

border-left-color: rgb(A7, D3, 32);

border-left-style: solid;border-left-width: 3px;

}

#bottom{float:right;margin-top:-85px;margin-right:53px;padding-top:15px;}

————————————————————————--

js

$(document).ready(function () {

$("ul.menu_news li:even").addClass("alt");

$('img.news_head').click(function () {

$('ul.menu_news').slideToggle('medium');

});

$('ul.menu_news li a').mouseover(function () {

$(this).animate({ fontSize: "12px", paddingLeft: "10px" }, 50 );

});

$('ul.menu_news li a').mouseout(function () {

$(this).animate({ fontSize: "12px", paddingLeft: "10px" }, 50 );

});

});

вопрос такой, нужно изменить цвет нумерации в нижнем правом углу при наведении на другой цвет, текст цвет меняет все нормально, а вот с нумерацией ума не приложу как сделать правильно. может просто код корявый, посоветуйте как лучше...

[MaferoK]

у вас :hover применено к ul li a тоесть к ссылкам

а в списке нумирация не входит в ссылку

<li><a href="#">Пять дизайнерских правил применяемых в Web</a><p>01</p></li>

тогда вам нужно применять hover к ul li p:hover

и обрамляйте код в теги [ code ] [ /code ] (без пробелов)

Edited August 26, 2011 by MaferoK

[montana]

у вас :hover применено к ul li a тоесть к ссылкам

а в списке нумирация не входит в ссылку

<li><a href="#">Пять дизайнерских правил применяемых в Web</a><p>01</p></li>

тогда вам нужно применять hover к ul li p:hover

и обрамляйте код в теги [ code ] [ /code ] (без пробелов)

спасибо, уже нашел решение.сделал вот так

<li><a href=""><span class="title">Пять дизайнерских правил применяемых в Web</span><span class="text">01</span></a></li>

.menu_news li a:hover span.title{color:#A7D332;}

.menu_news li a:hover span.text{color:#A7D332;}

[MaferoK]

[Vlad]

Обрамляйте код тегами [ code ] и [ /code ] без пробелов!