Как заментиь картинку на другую при наведении ?

79

Olldman

27 апреля 2010, 04:50

#11

Этот вариант самый лучший.

- Да, это действительно так!

В качестве примера реализации и во вложении простейший рисунок:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

  <head>

  <meta http-equiv="content-type" content="text/html; charset=windows-1251">

  <title>link</title>

<style type="text/css">

ul{list-style:none;}

ul li a{display:block;text-align:center;text-decoration:none;line-height:30px;background:url(kn.jpg);width:140px;background-position:0px 0px;}

ul li a:hover{color:#FFF;background:url(kn.jpg);background-position:0px -30px;}

</style>

  </head>

  <body>

  <ul>

  <li><a href="#">Название ссылки</a></li>

  </ul>

  </body>

</html>

p.s. кстати, если это картинка rss, то текст сылки делаем RSS и для нее же добавляем text-indent:-9999px;

<a href="#">RSS</a> - вместо RSS будет картинка, а поисковики увидят анкор

jpg kn.jpg

URL-адреса-сироты постинг в Телеграм на Много внешних ссылок

RO

88

RedOK

27 апреля 2010, 04:58

#12

Olldman:
- Да, это действительно так!
В качестве примера реализации и во вложении простейший рисунок:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

  <head>

  <meta http-equiv="content-type" content="text/html; charset=windows-1251">

  <title>link</title>

<style type="text/css">

ul{list-style:none;}

ul li a{display:block;text-align:center;text-decoration:none;line-height:30px;background:url(kn.jpg);width:140px;background-position:0px 0px;}

ul li a:hover{color:#FFF;background:url(kn.jpg);background-position:0px -30px;}

</style>

  </head>

  <body>

  <ul>

  <li><a href="#">Название ссылки</a></li>

  </ul>

  </body>

</html>

может у него на списки другие планы ;)

79

Olldman

27 апреля 2010, 04:59

#13

Ну вы же понимаете, что списку можно присвоить класс ;) , как собственно и ссылке

В 2023 году Google заблокировал более 170 млн фальшивых отзывов на Картах

Все что нужно знать о DDоS-атаках грамотному менеджеру