
19.01.2008, 15:14
|
|
Флудер
Регистрация: 21.06.2006
Сообщений: 3,193
Провел на форуме: 12702287
Репутация:
4738
|
|
Сообщение от NOmeR1
Код:
<style>
input[type="image"]
{
width: 100;
height: 100;
background: url(image1.png);
}
input[type="image"]:hover
{
width: 100;
height: 100;
background: url(image2.png);
}
</style>
<form method="GET">
<input type="image">
</form>
Не забудь изменить ширину и высоту картинок.
Ага, спасиб, я уже тоже реализовал: (три состояния)
Код:
<a href="#" class="button"><span><img src="images/none.gif" width="180" height="180" /></span></a>
CSS
Код:
a.button {
background: url(images/logo_4.gif);
outline: none;
}
a.button span {
display: block;
background: url(images/logo_4.gif);
}
a.button:hover {
background: url(images/logo_4.gif)
}
a.button:hover span {
background: url(images/logo_4_turn.gif)
}
a.button:active {
background: url(images/logo_4_turn.gif)
}
a.button:active span {
background: url(images/logo_4_click.gif)
}
Вопрос такой, если такая кнопка внутри формы, то её действие такое-же как и у type=submit ? Т.е при нажатии будет отправка данных из формы на сервер?
UP: в ссылке пишем тогда то же что и в action формы, например:
Код:
<a href="<?=$_SERVER['PHP_SELF']?>" class="button"><span><img src="images/none.gif" width="180" height="180" /></span></a>
так ?
Последний раз редактировалось -=lebed=-; 19.01.2008 в 18:13..
|
|
|