Visualizza un messaggio singolo
  #1 (permalink)  
Vecchio 08-11-2007, 14.11.24
L'avatar di Ranius
Ranius Ranius ora è in linea
Moderatore Pensieroso
 
Registrato al forum dal: 19-01-2007
ubicazione: Stresa
Messaggi: 921
Invia un messaggio tremite MSN a Ranius Invia un messaggio tremite Skype a Ranius
Question lo ammetto, i css sono il mio punto debole

Ciao a tutti,
ho creato il menù verticale del sito di labirinto-scorpioni.org con i css e tutto funzionava perfettamente bene... ora ho deciso di mettere le immagini come sfondo e naturalmente la funzione "hover" , che secondo il mio trip dovrebbe mostrarmi un'altra immagine non funziona...

Ma questa idea è semplicemente un mio trip oppure è veramente realizzabile semplicemente con i fogli di stile senza usare js?

Questo è il codice del mio menù...

codice:
#sinistra table a:link, #sinistra a:visited, #sinistra a:active {
color:#000;
text-decoration:none;
border-top:2px solid white;
border-left:2px solid white;
border-bottom: 2px solid black;
border-right:2px solid black;
border-top:2px solid black;
border-left:2px solid black;
border-bottom: 2px solid white;
border-right:2px solid white;
width: 150px;
display:block ;
color:#FFBF18;
font:10px verdana, helvetica, sans-serif;
height:20px;line-height:20px;/* altezza del link: height e line-height devono avere il medesimo valore */ 
widht: auto;
padding:0 1em; /* lascia spazio far il bordo del menu e il testo del link */
background-image:url(../images/bottone.jpg); 
text-decoration:none; /* elimina la sottolineatura */
border-top:2px solid white; 
border-left:2px solid white; 
border-bottom: 2px solid black;
border-right:2px solid black;
}

}
#sinistra table a:hover {
color:#f00;
width: 150px;
display:block ;
color:#FFFF80;
font:10px verdana, helvetica, sans-serif;
height:2em;line-height:2em;/* altezza del link: height e line-height devono avere il medesimo valore */ 
padding:0 1em; /* lascia spazio far il bordo del menu e il testo del link */
background-image:url(../images/bottone2.jpg); 
text-decoration:none; /* elimina la sottolineatura */
border-top:2px solid white; 
border-left:2px solid white; 
border-bottom: 2px solid black;
border-right:2px solid black;

}
L'unica cosa che ho fatto è stata quella di cambiare il bg dove prima c'erano i colori e ora ci sono le immagini... il primo si vede mentre la funzione hover ancora sembra non funzionare...

Ciao e grazie tutti dell'aiuto che vorrete darmi
__________________


Hotel tre stelle Calabria

When I was a child, I caught a fleeting glimpse Out of the corner of my eye. I turned to look, but it was gone. I cannot put my finger on it now. The child has grown, the dream is gone.
I have become comfortably numb.
Rispondi quotando