         |
| |
|
| |||||||
| WebDesign e Scripting Discussioni inerenti la realizzazione di pagine web e script . |
 |
| | LinkBack | Strumenti della discussione | Modalità di visualizzazione |
08-11-2007, 14.11.24
| ||||
| ||||
 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;
} 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.  |
|
08-11-2007, 18.01.39
| |||
| |||
 Prova a mettere background senza il -image ... mi è capitato che avolte non funzionasse il bg se dichiarato con background-image Poi .. come mai all'inizio hai scritto piu volte 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;Cioè non server duplicare i vari border 
__________________ il blog più inutile del web Vuoi conoscere nuovi amici? iscriviti su www.incontriescontri.it |
|
08-11-2007, 18.14.14
| ||||
| ||||
| ho provato comehai detto e cioè togliendo -image, ma non so perché ancora non funziona... rettifico... su Internet Explorer si vede perfettamente solamente su FireFox non si vede...ho tolto anche i bordi in più 
__________________ 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. Ultima modifica di Ranius : 08-11-2007 a 18.17.14. |
|
08-11-2007, 18.18.28
| |||
| |||
| mmm.. non saprei.. se la pagina è online magari ti posso aiutare  vedendo il codice etc
__________________ il blog più inutile del web Vuoi conoscere nuovi amici? iscriviti su www.incontriescontri.it |
|
08-11-2007, 18.27.22
| ||||
| ||||
| prova così background: url("/percorso/immagine.boh")  |
|
08-11-2007, 18.29.07
| ||||
| ||||
| labirinto-scorpioni.org Questo è il sito in questione... sto facendo tutto il Template scrivendolo da zero
__________________ 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. |
|
08-11-2007, 20.07.12
| |||
| |||
| mi spiace.. ma non posso esserti molto d'aiuto.. l'unica cosa che mi viene in mente ora è il nome delle classi hover Nel primo caso hai scritto: #sinistra table a:link, #sinistra a:visited, #sinistra a:active { Nel secondo caso dovrebbe essere #sinistra table a:hover, #sinistra a:hover, { ma non vorrei sbagliarmi.. anche perchè con le tabelle non ho molta dimistichezza 
__________________ il blog più inutile del web Vuoi conoscere nuovi amici? iscriviti su www.incontriescontri.it |
|
09-11-2007, 09.37.32
| ||||
| ||||
| era guardando con la tabella dei css ho potuto notare che FireFox tutto quel codice non lo vede proprio... ora provo in questo modo, e ti faccio sapere
__________________ 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. |
|
09-11-2007, 09.47.35
| ||||
| ||||
| no, purtroppo non funziona... adesso provo a togliere anche i bordi e a vedere cosa succede
__________________ 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. |
|
10-11-2007, 01.26.13
| ||||
| ||||
| Io non sono bravo a leggere il codice, ma ad occhio così non capisco perchè hai definito il bordo due volte, l'ultima regola si impone sulla prima: ad esempio il primo bordo top si perde. Poi non userei una tabella, se hai già un box definito, dichiarando una larghezza sei già a posto, i pulsanti si posizionano uno sotto l'altro. Se dichiari sull'a le caratteristiche dei link, poi non serve che le ripeti sull'hove, visited o active, altrimenti scrivi codice rindondante. Quindi io riscriverei il codice così: codice: #sinistra table a {
text-decoration:none;
width: 150px;
height:20px;
display:block ;
color:#FFBF18;
font-family: verdana, helvetica, sans-serif;
font-size:10px;
line-height:20px;
padding:0 1em;
background-image:url(../images/bottone.jpg);
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:#FFFF80;
background-image:url(../images/bottone2.jpg);
}  |
|
| Strumenti della discussione | |
| Modalità di visualizzazione | |
| |
Modalità lineare
