Przycisk :hover Opcje

[Turson]

Witam. Mam problem z przyciskiem. Otóż zrobiłem sobie swój jako zwykły i gdy najedzie sie myszka.
Kod wyglada tak:

[HTML] pobierz, plaintext 
<input type="image" src="imgp/button.png" value="submit" onfocus="blur()" />
[HTML] pobierz, plaintext 

Próbowałem z daniem class="button"

[CSS] pobierz, plaintext 
.button{
border:0;
}
.button:hover{
background:url(imgp/button2.png);
width:110px;
height:50px;
}
 
[CSS] pobierz, plaintext 

Ale nie wiem juz jak

[erix]

Bo musisz użyć zwykłego buttona i tło dla niego ustawiać via CSS, a nie atrybut.

[Turson]

Poradziłem sobie w ten sposób:

[HTML] pobierz, plaintext 
<div style="float:left;"><input type=submit value="Wyślij" class=button></div>
<div style="float:right;">
<input type=reset class=button><br>
</div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
.button{
background:url(imgp/button.png);
width:110px;
height:50px;
	margin: 4px 0px 0px 0px;
	background-color:#eee;
	cursor: pointer;
	border:0;
	outline:none;
}
 
.button:hover {
background:url(imgp/button2.png);
width:110px;
height:50px;
	border:0;
	outline:none;
}
[CSS] pobierz, plaintext 

Tylko jak usunąć czarne obramowanie które pojawia sie gdy np. kliknę Zresetuj?

[Piogola]

[CSS] pobierz, plaintext 
.button, .button:active{
background:url(imgp/button.png);
...
}
[CSS] pobierz, plaintext 

Ten post edytował Piogola 21.02.2011, 18:16:07