onmouseover non ha effetto su elementi lista?

**darkside1it** · 20-10-2009, 11:29

Ciao a tutti,
stò provando a fare in modo che passando sopra un testo, questo cambi colore.
Facile no?
Peccato che nn ci riesco

Il codice di uno degli elemto della lista è questo:

codice:

<div id="right_2">
<h3>Come vuoi raggiungerci?</h3 > 
<div id="container_testo_right_2">
<ul style="list-style-image:url('immagini/icone/pulmino.png')";>[*]<u>In Auto o Pullman</u>[/list]
</div>
</div>

Vorrei che tutti gli elementi lista della mia pagina che hanno un link cambiassero colore al passaggio del mouse.
quindi nel css:

codice:

ul li a:hover{color:black;}

non và.
Ho provato pure

codice:

right_2 container_testo_right_2 ul li a:hover{color:black;}

Sono io che ho sbagliato qualcosa o non funziona l'hover su elementi lista?

Grazie a todos.

**RobinHoood** · 20-10-2009, 15:59

controlla bene il tuo codice.
il ; devi metterlo dentro i doppi apici di chiusura del valore dll'attributo style.
Probabilmente il problema lo hai a causa delle classi madri ovvero right_2 e container_testo_right_2.
Ti consiglierei di provare a testare il tuo css con effetto rollover in una paginetta di prova, così potrai escludere altre problematichè legate all'ereditarietà; successivamente inserisci il tutto nella tua paginetta finale.

**miki003** · 20-10-2009, 16:29

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
ul {
	list-style-image:url('immagini/icone/pulmino.png');
}
li {
	text-decoration:underline;
	font-weight:bold;
}
ul li a:hover {
	color:#000;
}
-->
</style>
</head>

<body>
<div id="right_2">
<h3>Come vuoi raggiungerci?</h3> 
<div id="container_testo_right_2">
<ul>[*]In Auto o Pullman[/list]
</div>
</div>

</body>
</html>

E' meglio non usare la formattazione inline
<u> [b] sono deprecati

**mucu** · 20-10-2009, 16:40

Sono io che ho sbagliato qualcosa o non funziona l'hover su elementi lista?

se provi su IE non funzionerà mai (ie accetta la pseudoclasse :hover soltanto per il tag <a>)
con altri browsers dovrebbe funzionare

**miki003** · 20-10-2009, 17:47

Originariamente inviato da mucu
se provi su IE non funzionerà mai (ie accetta la pseudoclasse :hover soltanto per il tag <a>)
con altri browsers dovrebbe funzionare

Bugia! A me le pseudoclassi (con la giusta sintassi), hanno sempre funzionato anche con IE

Discussione: onmouseover non ha effetto su elementi lista?

Strumenti discussione

Ricerca discussione

Visualizza

onmouseover non ha effetto su elementi lista?

Re: onmouseover non ha effetto su elementi lista?

Re: Re: onmouseover non ha effetto su elementi lista?

Permessi di invio