Ок ... baj79 - времени нет расписывать «что и как» - держи просто готовый код, если интересно потом может быть объясню, что ты сделал не так...
Но думаю ты и сам поймёшь...
Я тут переделал картинку - точнее две картинки, плюс дорисовал ещё одну ... для класса «current» - скрипт - сам напишешь ... чтобы подсвечивалась текущая страница ... (как у меня - можешь и с этого сайта скопировать ... ) Короче, Циалковский, вот HTML-сод:
Code
<!--StartLeftMenu-->
<div id="menu">
<ul>
<li><a class="current" href="http://kz-ps.do.am/">Главная</a></li>
<li><a class="special" href="http://kz-ps.do.am/blog">Photoshop online</a></li>
<li><a class="special" href="http://kz-ps.do.am/photo">Фотоальбом</a></li>
<li><a class="special" href="http://kz-ps.do.am/gb">Гостевая книга</a></li>
</ul>
</div>
<!--/EndLeftMenu-->
Класс «current» - отвечает за текущую страницу ... меняется скриптом ... (в коде скрипта нет) ...
CSS-код:
Code
<style type="text/css">
#menu ul,#menu li{
margin:0;
padding:0;
list-style:none;
}
body{
background:#fff;
color:#666;
font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
}
#menu{
width:190px;
display:block;
clear:both;
}
#menu li{
list-style:none;
width:190px;
height:30px;
margin:1px 0;
display:block;
}
#menu a{
display:block;
color:#cc6699;
font-weight:bold;
text-transform:uppercase;
font-size:13px;
text-decoration:none;
line-height:30px;
text-indent:15px;
}
#menu a.current{
display:block;
background:url('http://likbezz.ucoz.ru/_fr/0/3610529.gif') no-repeat 100% -80px;
color:#fff;
text-transform:uppercase;
text-decoration:none;
}
#menu a.special{
background:url('http://likbezz.ucoz.ru/_fr/0/3610529.gif') no-repeat 100% 0px;
color:#fff;
}
#menu a:hover.special, #menu a:hover.current{
background:url('http://likbezz.ucoz.ru/_fr/0/3610529.gif') no-repeat 100% -40px;
color:#fff;
text-decoration:none;
}
</style>
Запихнёшь в основную таблицу стилей ...
Если понравится картинка (menu bg) - скачаешь - переименуешь исправишь ссылки на неё.
Ну и конечно пример... как всё работает ... ヅ
Скриншот:
☑ Прикрепление ... (твоя страничка с исправленным колом меню ... ну и так, по мелочи .... )
P.S. Внимательно посмотри исходник и постарайся понять что к чему ...
Flesh
