Создание графических кнопок для сайта.

[Cmaster2K]

Подскажите пожалуйста, как создать кнопку/и для меню моего сайта. По сути кнопка это изображение которое меняется при наведении на него курсором мыши… ну как реализовать это в HTML? Заранее спасибо!

[Victor Ananiev]

<style>
#div A:hover
{
background:();
}
#div A
{
display:block;
height:;
width:;
background:;
}
</style>



<div id="div">
<a href="#">Hello1</a>
<a href="#">Hello3</a>
<a href="#">Hello2</a>
</div>

Про свойство background читаем тут: http://htmlbook.ru/css/background.html

[Cmaster2K]

А можно рабочий пример?

[Джин]

а сами учиться когда будите? пример Vindex'а рабочий, только значения надо подставить нужные.

a.menu {display:block; padding:4px; background:url(./img/main2.gif) #EDF1F5 no-repeat left center; text-decoration:none; font-size:11px; text-align:left; color:#1E4E7F;}
a.menu:visited {display:block;  background:url(./img/main2.gif) #EDF1F5 no-repeat left center; text-decoration:none;  color:#1E4E7F;}
a.menu:hover {display:block; background:url(./img/main.gif) #C3D8ED no-repeat 160px center; text-decoration:none; color:#000033;}

<a href="http://www.site.ru/" class="menu">ссылка</a>

этот пример рабочий но много лишнего (т.е. много чего вам тут не нужно), разбирайтесь.

[Cmaster2K]

Большое спасибо!