Ciao a tutti, ho un piccolo "grande" problema da risolvere nella creazione del mio sito. Purtroppo non è ancora online quindi non posso mostrarvi concretamente ma cercherò di spiegarmi al meglio.
Nella navigation (menu in alto) ho predisposto 5 tasti (Home, Download, ecc.) creati con Photoshop, con il rispettivo per il rollover. Ho ottenuto quindi 10 gif, a questo punto le ho messe nella pagina HTML e nel foglio di stile, e proprio qui ho incontrato il problema che mi ha bloccato.
Il codice che ho aggiunto è questo:
<div id="navigation" align="left">
</div>
Nel foglio di stile invece ho scritto questo:
#Download{background-image: url(Download.gif);}
#Forum{background-image: url(Forum.gif);}
#Tutorial{background-image: url(Tutorial.gif);}
#Tornei{background-image: url(Immagini/Tornei.gif);}
#a:hover{background-image: url(Homeh.gif);}
#Download:hover{background-image: url(Downloadh.gif);}
#Forum:hover{background-image: url(Forumh.gif);}
#Tutorial:hover{background-image: url(Tutorialh.gif);}
#Tornei:hover{background-image: url(Torneih.gif);}
Risultato? Nulla di nulla, non compare niente! Come mai? Grazie!

Rispondi quotando