effetto bottoni

buona sera, vorrei fare in modo che al passaggio del mouse un bottone del mio sito si "illumini", dunque ho creato le 2 img "bottone" e "bottone illuminato", ma come applico l'effetto?

spero di essermi spiegato :)

Codice HTML:

---

<button
style="background:url('bottone.gif');"
onmouseover="this.style.background='url(\'bottone_illuminato.gif\');'
">Clicca qui</button>

---

grazie ho risolto

dico come in caso a qualcuno interessi in futuro

Codice:

---

<a href="pagina.htm"><img src="bottone.gif" onMouseOver="this.src='bottone_illuminato.gif';" onMouseOut="this.src='bottone.gif';">scritta</a>

---

ho provato quest'ultimo codice...solo che poi mi "distanzia" le immagini...

ecco com'è ora

http://img136.imageshack.us/img136/5573/bhaaayx6.th.jpg

mentre prima era così..

http://img299.imageshack.us/img299/5...olo1dg1.th.jpg

è normale? qualcosa per lasciare tutto "di fila"??

Thanks :wink:

Prova ad usare un po' di CSS... nello specifico:
- aggiungi questa specifica di classe

Codice:

---

img.menu_bar { margin:0px }

---

- assegna a ciascuna immagine la classe specificata

Codice HTML:

---

<img src="bottone.gif" class="menu_bar" onmouseover="..." onmouseout="..." />

---

Stammi bene...