[HTML][CSS]Hover w HTML Opcje

[GoOx]

Witam,

chciałbym się zapytać czy idzie zrobić taki ala hover w html?

ponieważ oczy wiście da się przez css tylko by wykonać menu z przyciskami graficznymi musiałbym taki kod przepisywać podpbie kilka razy:

[HTML] pobierz, plaintext 
#main .reg a {
  background-repeat:no-repeat;
  background-image:url('../images/rejestracja.png'); 
  width:100%;
  height:100%;
  display:block;
}
 
#mian .reg a:hover {
  background-repeat:no-repeat;
  background-image:url('../images/rejestracja_hover.png'); 
  width:100%;
  height:100%;
  display:block;
}
[HTML] pobierz, plaintext 

Czy nie da się zrobić to poprzez html ? w sensie że między <li> </li> dam <img src="... + coś tam by zadziałało jak hover.

Z góry dziękuję za pomoc.

Chyba znalazłem odpowiedź

[HTML] pobierz, plaintext 
<img src="image1.gif"
onmouseover="this.src='image2.gif'"
onmouseout="this.src='image1.gif'"> 
[HTML] pobierz, plaintext 

Ten post edytował GoOx 28.05.2012, 18:03:24

[lobopol]

Nie
i nie rób tak jak zrobiłeś tylko

[CSS] pobierz, plaintext 
#main .reg a {
  background-repeat:no-repeat;
  background-image:url('../images/rejestracja.png'); 
  height:100%;
  display:block;
}
 
#main .reg a:hover {
  background-image:url('../images/rejestracja_hover.png'); 
}
[CSS] pobierz, plaintext 

A jeszcze lepiej zrób z tych 2 obrazków sprite i

[CSS] pobierz, plaintext 
#main .reg a {
  background:url('../images/rejestracja.png') no-repeat; //w 0 0 position pierwszy obrazek
  height:100%;
  display:block;
}
 
#main .reg a:hover {
  background-position: 0 -wysokość pierwszego obrazkapx; 
}
[CSS] pobierz, plaintext 

Ten post edytował lobopol 28.05.2012, 18:07:11