Перейти к содержимому


Конкурс "Лучший отзовик"
× Быстрый вопрос
Пользователь месяца
ShowPrint ShowPrint 1-й за Март
Очков активности: 1 152 1 тема, 61 сообщение, 12 баллов репутации
Сайт: ShowPrint.ru
ТОП самых активных за этот месяц
  • Фотография Андрей WPMasterKZ
    #1

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 525 Вне конкурса за определение пользователя месяца

  • Фотография OlgaGetman
    #2

    OlgaGetman
    Очков активности: 351 Вне конкурса за определение пользователя месяца

  • Фотография Vmir
    #3

    Vmir
    Очков активности: 346.5 3 темы, 24 сообщения, 7 баллов репутации

  • Фотография ShowPrint
    #4

    ShowPrint (ShowPrint.ru)
    Очков активности: 204 Вне конкурса за определение пользователя месяца

  • Фотография Mandarin
    #5

    Mandarin
    Очков активности: 76.5 2 темы, 11 сообщений, 3 балла репутации

  • Фотография maxnik
    #6

    maxnik (konovalovpavel.ru)
    Очков активности: 63 1 тема, 18 сообщений, 2 балла репутации

  • Фотография re-search
    #7

    re-search
    Очков активности: 49.5 7 тем, 12 сообщений, 1 балл репутации

  • Фотография Strazh
    #8

    Strazh
    Очков активности: 37.5 1 тема, 22 сообщения, 1 балл репутации

  • Фотография pozitron123
    #9

    pozitron123
    Очков активности: 36 2 темы, 6 сообщений, 2 балла репутации

  • Фотография Constantine
    #10

    Constantine
    Очков активности: 33 3 темы, 13 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 27.03.2019
  • Яндекс выдача: 18.04.2019
Топ 5 участников по репутации


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

#1 sol

sol
  • Неактивные
  • 19 сообщений
  • Репутация: 0
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);
}


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

 

 

  • 0

#2 yury

yury
  • Пользователь
  • 647 сообщений
  • Репутация: 192

Отправлено 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>

  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru