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

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Программная часть

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

Опции

sol_mw

Topic Starter сообщение

25.8.2009, 3:34; Ответить: sol_mw

Сообщение #1

Новичок

Группа: User
Сообщений: 19
Регистрация: 3.5.2009
Поблагодарили: 0 раз
Репутация:

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

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

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

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

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

css

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

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

Ответить с цитированием данного сообщения

yury_mw

25.8.2009, 7:19; Ответить: yury_mw

Сообщение #2

Завсегдатай

Группа: User
Сообщений: 648
Регистрация: 13.5.2009
Поблагодарили: 0 раз
Репутация:

195

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>

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Арбитражники, как ведете учет расходов и доходов?	12	Boymaster	1933	Вчера, 21:03 автор: MisterBit
✅ sms.chekons.com - ⭐ Сервис для получения SMS на реальные номера USA "Non-VoIP, безлим SMS, API" ⭐ Сервис для получения SMS на реальные номера USA	13	Chekon	4078	18.4.2024, 11:48 автор: Chekon
Rebex.io – Ваша инновационная платформа для обмена криптовалюты!	1	Rebex	690	17.4.2024, 11:50 автор: Rebex
Как вывести деньги в Украине с заблокированного Юмани ?	29	freeax	4822	17.4.2024, 1:19 автор: sergio11
Какой % отказов нормален для сайта?	11	Aloof	2823	16.4.2024, 12:48 автор: diviner99

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 20.4.2024, 12:14

Дизайн