Как прописать ховер для input type

#1

Поделиться сообщением #1

sol

Неактивные
19 сообщений

Репутация: 0

Отправлено 25 Август 2009 - 02:34

Здравствуйте? прошу прощения что не в тему. другие темы не открываются(
есть кнопка
<input type="Submit" value="пересчитать">

хотелось бы придать ей внешний вид картинкой как здесь
http://www.boutique.ru/ (кнопки: регистрация, войти)
и обязательно с эффектом ховер на СSS

так вот как сделать эффект ховер знаю но как прописать для

<input type="Submit" value="пересчитать">
прозрачное изображение что бы отражались картинка фона и картинка фона для hover ?

сделал все кроме прозрачного изображения :
html

<input [b]class="pereshcet" [/b] type="Submit" value="пересчитать">

css

[b].pereshcet {[/b]
	background-image: url(img/bp.jpg);
[b]}
.pereshcet a:hover {[/b]
	background-image: url(img/bp2.jpg);
}

Подскажите пожалуйста

robot

Пользователь PRO
2 652 сообщений

Репутация: 85

Советую обратить внимание на следующее:

#2

Поделиться сообщением #2

yury

Пользователь
632 сообщений

Репутация: 181

Отправлено 25 Август 2009 - 06:19

sol,
есть подозрение, что, несмотря на хитро запутанный вопрос, вам требуется что-то вроде такого:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>button</title>
  <meta http-equiv="content-type" content="text/html"  charset="windows-1251">
  <style type="text/css">
.pereshcet {
  height:20px; /* высоту кнопки лучше всего задать равной высоте фонового рисунка, ну который img/bp1.gif ниже по тексту */
  border:none;
  background: url(img/bp1.gif) 0% 100% repeat-x;
  font-size:12px; color:#fff; font-family:arial;
}
.pereshcet:hover {
  height:20px;
  border:none;
  background: url(img/bp2.gif) 0% 100% repeat-x;
  font-size:12px; color:#fff; font-family:arial;
}
  </style>
</head>
<body>
<form action="#" method="post">
  <input type="submit" class="pereshcet" value= "пересчитать"> 
</form>
</body>
</html>

Как прописать ховер для input type

#1 Поделиться сообщением #1 sol

Поделиться сообщением #1

robot

#2 Поделиться сообщением #2 yury

Поделиться сообщением #2

Войти

#1

Поделиться сообщением #1

sol

#2

Поделиться сообщением #2

yury