montana

спасибо, уже нашел решение.сделал вот так <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;}

вот файл: 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 ); }); }); вопрос такой, нужно изменить цвет нумерации в нижнем правом углу при наведении на другой цвет, текст цвет меняет все нормально, а вот с нумерацией ума не приложу как сделать правильно. может просто код корявый, посоветуйте как лучше...

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

подскажите, а как сделать вот такое меню, но только чтоб движение было не вверх, а вниз. Моя ссылка вот ссылка Моя ссылка

там при наведении на пункт под строкой появляется выделение оранжевой полосой и увеличивается шрифт. вот как это сделать? http://jsfiddle.net/qAZPU/ А сами-то вообще пробовали что-то сделать? я бы пробовал если б знал как) за ссылку спасибо, думаю для начала подойдет. буду пробовать

там при наведении на пункт под строкой появляется выделение оранжевой полосой и увеличивается шрифт. вот как это сделать?

помогите разобраться. как сделать вот такое меню: http://ifolder.ru/25273106. можно ли его сделать с помощью css или обязательно нужно использовать скрипт. я в этом деле новичок, так что многое не понятно. может у есть похожий скрипт или кто ссылку кинет на подобные вещи.

может быть вопрос конечно не по адресу, но хотелось бы уточнить. возможно ли с помощь css сделать такое меню или без скриптов не обойтись. и вообще как лучше это делать, с помощью чего. http://ifolder.ru/25273106 здесь лежит файл, как сюда закинуть не понял... сильно не пинайте, если что...

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

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

да я уже запарился и не знаю как правильно сделать. какие есть варианты. как например можно сделать это с помощью блока div. есть такая структура div id="main"> <div id="header"> </div> <!--header--> </div> <!--main--> вот в блок id header я хочу закинуть фон шапки сайта, он состоит из полосок разного размера. но цельные полосы я не хочу вставлять, а только их фрагмент и потом размножить по горизонтали до определенной координаты. вот как это сделать?

вопрос. а можно ли в теге <img> указать id или class, что-бы потом с помощью стиля например размножить линии по заданным координатам

В общем нужно внести ясность. вот есть шапка, на ней располагаются горизонтальные линии в виде изобажений. в коде у меня указана ссылка на кусок этой линии, у каждой линии свои начальные и конечные координаты. данная строка: <div style="background-image: url('line_1.gif'); height: 2px; width: 526px; position: absolute; top: 46px; left: 595px;"></div> просто растягивает линии обведенные красным, а мне хотелось бы их размножить. но как правильно все это записать ума не приложу.

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

есть изображение линии с абсолютными координатами, как ее можно размножить до определенной точки. у меня получается вот такой вариант, но тут он ее просто растягивает на заданную длину, а не копирует. <div style="background-image: url('line_1.gif'); height: 2px; width: 550px; position: absolute; top: 46px; left: 585px;"></div>