Jump to content

Виталий1994

Newbie
  • Posts

    2
  • Joined

  • Last visited

Виталий1994's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Друзья помогите с ссылками!!!! Как сделать что бы при нажатии на ссылку то фон то есть картинка менялась ( здесь a:hover) но проблема заключается в том что бы при нажатии на другую ссылку фон меняется, а перед этим нажатая первая ссылка цвет не меняла то есть я знаю что нужно использовать a:visited но мой браузер не воспринимает его что ли.. я не понимаю Google Chrome..................... Можно ли решить эту проблему каким то путем??? мой css стильul.navigation { width: 270px; list-style: none; margin: 0; padding: 0; text-align: left; } ul.navigation li { display: inline-block; margin: 0px; padding: 0;} ul.navigation a { display: block; width: 190px; height: 33px; padding: 10px 0 0 80px; margin-bottom: 5px; color:#8a8980; font-weight: normal; text-decoration: none; position: relative; top: 200px; left: 0px;} .font_size {font-size: 20px;}ul.navigation a:hover { left: 20px; } ul.navigation a .ui_icon { position: absolute; top: 0; left: 15px; width: 40px; height: 40px; }ul.navigation a .novunu { background: url(image/home.png) no-repeat; }ul.navigation a .juteli { background: url(image/juteli.png) no-repeat; }ul.navigation a .znayomstva { background: url(image/znayomstva.png) no-repeat; }ul.navigation a . { background: url(../image/templatemo_portfolio.png) no-repeat; } ul.navigation a:link { background: url(image/menu_link.png) no-repeat left; } ul.navigation a:hover { background: url(image/menu_hover.png) no-repeat left; color:black; } ul.navigation a:hover .novunu { background: url(image/home_hover.png) no-repeat;}ul.navigation a:hover .juteli { background: url(image/juteli_hover.png) no-repeat;}ul.navigation a:hover .znayomstva { background: url(image/znayomstva_hover.png) no-repeat;}ul.navigation a:hover .group { background: url(image/_hover.png) no-repeat;} ul.navigation a:active { background: url(image/menu_active.png) no-repeat left; color:white; } ul.navigation a:focus { outline: none;}a, a:link, a:visited { color:red; font-family:Arial; text-decoration: none; } к чему применяеться выше написаный стиль<ul class="navigation"> <li><a href="news.html"><i class="font_size">Новини <span class="ui_icon novunu"></span></i></a></li> <li><a href="juteli.html"><i class="font_size">Жителі<span class="ui_icon juteli"></span></i></a></li> <li><a href="znayomstva.html"><i class="font_size">Знайомства<span class="ui_icon znayomstva"></span></i></a></li> <li><a href="group.html"><i class="font_size">Групи<span class="ui_icon group"></span></i></a></li></ul>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy