Hola a todos,ho realizzato un sito dove il menu di navigazione prevede un effetto di rollover fatto con due immagini differenti e testo di conseguenza(link).Nn capisco perchè tale effetto di rollover firefox nn me lo supportae rimane fissa la prima immagine senza rollover effect.Se riuscite a dirmi qualcosa vi sono grato.
Se è necessario inviarvi il codice in css ditemelo..Thanks
Sisk
Originariamente inviato da Francesco14
Se è necessario inviarvi il codice in css ditemelo..Thanks
qui è SEMPRE necessario vedere il codice, una pagina di test o la parte xhtml+css che non funziona.
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
div#navigation{float:left;width: 15em;margin-top:19px;margin-left:64px;}
div#content{
padding: 1em;
margin-left: 0px;
}
div#navigation ul{margin: 1em 0 1em 1em;padding: 0; }
div#navigation li{margin: 0;padding: 0}
div#navigation a.ROLL {
background-image: url('images/bloch00.jpg');
width: 149px;
height: 39px;
margin-top:0px;
color:blue;
font-family: Times new roman;
font-size:11px;
text-decoration: none ;
font-weight:bold;
text-align:center;
padding-top: 11px;
padding-left: 11px;
color:white;
display:block
}
}
div#navigation a.ROLL:hover{background-image: url('images/bloch0.jpg');
width: 149px;
height: 39px;
margin-top:0px;
color:black;
font-family:Times new roman;
font-size:11px;
text-decoration: none ;
font-weight:bold;
text-align:center;
padding-top: 11px;
padding-left: 11px;
display:block
}
<body>
<div id="container">
<div id="navigation">
<div class="menu"> HOME
ROSA&STAFF..
I GIOCATORI..
PHOTOS
CAMPIONATO
CLASSIFICA
LE PAGELLE
GUESTBOOK
</div>
Sisk
la prossima volta posta il codice tra i tag [c o d e] e [/c o d e] così risulterà più leggibile
prova così
la classe .roll non ti serve visto che la applichi a tutti i link di div.menucodice:div#navigation{ float:left; width: 15em; margin-top:19px; margin-left:64px; } div#content{ padding: 1em; margin-left: 0px; } div#navigation ul{margin: 1em 0 1em 1em;padding: 0; } div#navigation li{margin: 0;padding: 0} .menu a { width: 149px; height: 39px; margin-top:0px; color:blue; font-family: 'Times new roman'; font-size:11px; text-decoration: none; font-weight:bold; text-align:center; padding-top: 11px; padding-left: 11px; color:white; display:block; background-image: url('images/bloch00.jpg'); } .menu a:hover{ background-image: url('images/bloch0.jpg'); } <body> <div id="container"> <div class="menu"> HOME ROSA&STAFF.. I GIOCATORI.. PHOTOS CAMPIONATO CLASSIFICA LE PAGELLE GUESTBOOK </div>
E' una lista di link dovrebbe essere contenuta dentro una lista <ul>[*]..
dovrebbe funzionare così, solo controlla che le immagini abbiano il giusto nome
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
Grazie mille...molto gentile ora funziona.!!A presto...
Sisk
Permessi di invio
Rispondi quotando