onmouseover su div o cella

27-11-2006, 18.41.19

Ciao a tutti...
vorrei che quando il mouse passa sopra un div o una cella larga 150 px, questo cambi colore
ho uno straccio di codice

Codice HTML:

onMouseOver="this.style.color='c0c0c0'" onMouseOut="this.style.color='000000'"

però non so perchè, ma non funziona...

grazie dell'aiuto
...byex!

27-11-2006, 18.52.22

Sostituisci:

Codice HTML:

onMouseOver="this.style.color='c0c0c0'" onMouseOut="this.style.color='000000'"

con:

Codice HTML:

onMouseOver="this.style.background='#c0c0c0'" onMouseOut="this.style.background='#000000'"

Ciao!

27-11-2006, 19.08.51

si può inserire l'elemento onmouseover dentro un foglio di stile?

comunque grazie 1000

**funcool** · 28-11-2006, 11.11.27

Sarebbe il famoso :hover. Per maggiori informazioni leggi qui.

28-11-2006, 13.56.19

Originalmente inviato da funcool

Sarebbe il famoso :hover. Per maggiori informazioni leggi qui.

si, ma se faccio div:hover, mica funziona...

**funcool** · 28-11-2006, 14.46.19

Devi metterlo in un link e comunque con alcuni browser funziona.

28-11-2006, 21.39.03

Originalmente inviato da funcool

Devi metterlo in un link e comunque con alcuni browser funziona.

lo so che va con i link, infatti io lo utilizzo... con quale broswer funziona sta cosa?

**funcool** · 29-11-2006, 10.54.10

Io ho la possibilità di provare con solo due browser: con Internet Explorer (io ho la versione 6) non funziona ma con Firefox sì.

29-11-2006, 12.33.57

io ho firefox 1.5 e non mi funziona...

**funcool** · 29-11-2006, 12.37.30

Avrai sbagliato qualcosa... Prova a scrivere il codice che utilizzi.

29-11-2006, 13.03.59

Codice HTML:

div:hover {
background-color : #000000;
}

**funcool** · 29-11-2006, 13.12.47

Nel div hai scritto qualcosa?

29-11-2006, 13.19.45

Originalmente inviato da funcool

Nel div hai scritto qualcosa?

all'interno? si, ho messo una scritta

Codice:

<div>PROVA PROVA PROVA</div>

**funcool** · 29-11-2006, 13.20.13

Mi sembra strano, dovrebbe funzionare.

29-11-2006, 13.24.12

Originalmente inviato da funcool

Mi sembra strano, dovrebbe funzionare.

mah, chissà perchè, adesso ho riprovato e funziona invece

però con IE 6 non funzia

29-11-2006, 19.31.51

Io ho un problema più o meno uguale. Volevo far cambiare colore ad una cella ed al testo che c'era dentro al passaggio del mouse (ad esempio la cella è verde e la scritta nera al passaggio del mouse diventa la cella nera e la scritta verde). Sono riuscito a far cambiar colore alla cella, ma la scritta rimane nera.
Questo è il codice HTMl che ho usato:

Codice HTML:

<td onMouseOver="this.style.background='black'" onMouseOut="this.style.background='lime'" width="100%" class="menulines"><font face="Arial" size="3" color="onMouseOver="lime" onMouseOut="black"><a href="http://noicisiamo.altervista.org/index5.htm"><b>Spartiti</b></a></font></td>

**funcool** · 29-11-2006, 19.44.01

Codice HTML:

<td onMouseOver="this.style.background='black'" onMouseOut="this.style.background='lime'" width="100%" class="menulines"><font face="Arial" size="3"><a href="http://noicisiamo.altervista.org/index5.htm"><b>Spartiti</b></a></font></td>

29-11-2006, 21.08.28

Devo inserire il codice che mi hai scritto sopra per far cambiare colore anche alla scritta?

**funcool** · 01-12-2006, 10.54.28

Quello che ho scritto io serve a cambiare lo sfondo della cella. Per cambiare il colore del testo prova così:

Codice HTML:

<td width="100%" class="menulines"><font face="Arial" size="3"><a href="http://noicisiamo.altervista.org/index5.htm" onMouseOver="this.style.color='black'" onMouseOut="this.style.color='lime'"><b>Spartiti</b></a></font></td>

Ma a questo punto ti converrebbe usare i CSS visto che si tratta di un link (ulteriori informazioni).

Discussione: onmouseover su div o cella

LinkBack

Strumenti discussione

Display

onmouseover su div o cella

Regole di scrittura