div hover con explorer

[eremiss]

ciao,

ho questo div

<div id="navigation"> <a name="fui">

....

</a></div>

devo cambiare lo sfondo al passaggi del mouse, deve funzionare anche con esplorer, mi dite il codice, ho capito da gli altre discussioni che devo riempirlo con un tag a, ho fatto bene? come vado avanti?

[fcaldera]

devi cambiare lo sfondo al div oppure al link?

se al link basta gestire la pseudoclasse :hover

a:hover {

}

non è invece possibile applicare la pseudoclasse hover al div su explorer 6 e precedenti a meno di non usare javascript (cerca "htc hover" nel forum javascript se n'è giù discusso ad esempio qui
http://forum.html.it/forum/showthrea...readid=1076897)

[eremiss]

ciao, non posso usare javascript ed ho bisogni di cambiare lo sfondo solo a questo link (in realtà devo cambiare lo sfondo al div ma come anche tu mi confermi non si può fare con explore, quindi uso questo sotterfugio) poichè nel div ci sono anche alti link a cui non voglio cambiare sfondo, per questo glio ho dato un nome (fui)..

[fcaldera]

Originariamente inviato da fcaldera
...al link basta gestire la pseudoclasse :hover

a:hover {

}

prima però dovrai rendere "blocco" il tuo link quindi

a {
display: block;
height: ...
width: ...
}

a:hover {
background-image: url(file.gif);
}

[eremiss]

si, ma come faccio a fare riferimento proprio a quel link che ho chiamato "fui" dentro la tabella ci sono altri link che non voglio cambiare..

[fcaldera]

assegna un id a quel link ad es. id="tuoid" e le regole diventano

#tuoid {

}

#tuoid:hover {

}

[eremiss]

<style type="text/css">
div#navigation li{width: 300px;line-height: 132px;float:left;margin: 0 0px 0;padding:0;border: 0px solid #CCC}
div#navigation {width: 300px;line-height: 132px; background: url("table.jpg") no-repeat top left;}
div#navigation fui:hover{width: 300px;line-height: 132px; background: url("table2.jpg") no-repeat top left;}
</style>

<div id="navigation"><a id="fui">
    <li id="one">Grafica
	</a>
</div>

NON FUNZIONA!!!

[Donald]

Se metti l'id al div, poi ti basta usare

#navigation a:hover

[fcaldera]

[QUOTE]Originariamente inviato da eremiss

<style type="text/css">
div#navigation li{width: 300px;line-height: 132px;float:left;margin: 0 0px 0;padding:0;border: 0px solid #CCC}
div#navigation {width: 300px;line-height: 132px; background: url("table.jpg") no-repeat top left;}
div#navigation fui:hover{width: 300px;line-height: 132px; background: url("table2.jpg") no-repeat top left;}
</style>

<div id="navigation"><a id="fui">
    <li id="one">Grafica
	</a>
</div>

Non mi stupisco che non funzioni...

1) l'ultima regola è sbagliata:
div#navigation fui:hover

diventa
div#navigation #fui:hover

2) Non si possono annidare i link: dopo aver aperto il tag <a> non puoi riaprirne un'altro dentro.