Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Przycisk :hover
Forum PHP.pl > Forum > Po stronie przeglądarki
Turson
Witam. Mam problem z przyciskiem. Otóż zrobiłem sobie swój jako zwykły i gdy najedzie sie myszka.
Kod wyglada tak:
  1. <input type="image" src="imgp/button.png" value="submit" onfocus="blur()" />

Próbowałem z daniem class="button"
  1. .button{
  2. border:0;
  3. }
  4. .button:hover{
  5. background:url(imgp/button2.png);
  6. width:110px;
  7. height:50px;
  8. }
  9.  

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:
  1. <div style="float:left;"><input type=submit value="Wyślij" class=button></div>
  2. <div style="float:right;">
  3. <input type=reset class=button><br>
  4. </div>

  1. .button{
  2. background:url(imgp/button.png);
  3. width:110px;
  4. height:50px;
  5. margin: 4px 0px 0px 0px;
  6. background-color:#eee;
  7. cursor: pointer;
  8. border:0;
  9. outline:none;
  10. }
  11.  
  12. .button:hover {
  13. background:url(imgp/button2.png);
  14. width:110px;
  15. height:50px;
  16. border:0;
  17. outline:none;
  18. }


Tylko jak usunąć czarne obramowanie które pojawia sie gdy np. kliknę Zresetuj?
Piogola
  1. .button, .button:active{
  2. background:url(imgp/button.png);
  3. ...
  4. }
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.