Search the Community

Добрый день. Подскажите пожалуйста. Есть ряд картинок из которых надо сделать галерею, при наведении на каждую из которых появляется голубой фон и две кнопки. Это понятно, делается с помощью css с использованием псевдоссылки a:hover. Вопрос в том, как сделать чтобы при нажатии на эти кнопки происходили дальнейшие действие. Одна из кнопок связана с увеличением масштаба картинки. Возможно ли добавить этой новой кнопке ссылку на открытие увеличенной картинки в новом мини-окошке только с помощью css, или здесь необходимо использовать что-то другое?

Друзья помогите с ссылками!!!! Как сделать что бы при нажатии на ссылку то фон то есть картинка менялась ( здесь 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>