• Страница 1 из 1
  • 1
Модератор форума: No_MaTTeR, Dimitro, LightInDarkness  
Нужен ролловер CSS
Unix
unix@localhost
Имеется меню вида
Code

     <ul id="navigation">
      <li class="home"><a href=""><span class="text">Главная</span></a></li>
                  <li class="forum"><a href=""><span class="text">Главная</span></a></li>
                  <li class="reg"><a href=""><span class="text">Главная</span></a></li>
                  <li class="cp"><a href=""><span class="text">Главная</span></a></li>
                  <li class="stat"><a href=""><span class="text">Главная</span></a></li>
</ul>   
    

CSS
Code

#navigation {
left: 86px;
top: -1px;
margin: 0;
padding: 0;
position: absolute;
font-family: Georgia, 'Times New Roman', serif;
color: #ffcc00;
width: 1095px;
}
#navigation li {height: 50px; margin: 0; padding: 0; float: left; width: 88px; margin-left: 10px; list-style: none; position: relative;}
#navigation li a {
display: block;
width: 100%;
height: 100%;
position: relative;
z-index: 5;;
}
#navigation li .text {display: none;}
#navigation li.home {background-position:0px -2px; width:80px; background: url(./img/menu/home.png) no-repeat 50% 50%);}
#navigation li.forum {background-position:0px -201px; width:80px; background: url(./img/menu/forum.png) no-repeat 50% 50%;}
#navigation li.reg {background-position:0px -102px; width:125px; background: url(./img/menu/reg.png) no-repeat 50% 50%}
#navigation li.cp {background-position:0px -91px; width:164px; background: url(./img/menu/cp.png) no-repeat 50% 50%}
#navigation li.stat {background-position:0px -153px; width:113px; background: url(./img/menu/stat.png) no-repeat 50% 50%}


Нужно что бы при наведении на картинку меню( предположим <li class="home"><a href=""><span class="text">Главная</span></a></li> ) высвечивалась другая картинка, как возможно организовать подобное в данном случае?
Сообщение # 1 отредактировано Unix - Понедельник, 07.11.2011, 00:55
Мамонт
Om nom nom nom
Quote (Unix)
background: url(./img/menu/home.png
(иконка)
ul#navigation li a:hover{ background-color:#......;} (цвет под иконкой при наведении)
меняй happy
Сообщение # 2 написано 07.11.2011 в 01:30
Unix
unix@localhost
В принципе смысл был понят правильно, но мне надо что бы менялась картинка например с 1.jpg на 2.jpg )

Добавлено (07.11.2011, 01:35)
---------------------------------------------
Всё, дошло как, спасибо!

Сообщение # 3 написано 07.11.2011 в 01:35
  • Страница 1 из 1
  • 1
Поиск: