Printable View
Sono poco più che un neofita e ho avuto un problema con Mozilla.
Ho impostato una classe di un tag <a> nel modo seguente:
I.E. legge benissimo che deve caricare l'immagine come sfondo del tag. Ma Mozilla no, benché applichi il resto della formattazione che ho omesso nel codice. Che cosa devo fare?Codice:a.linkbarra:link{background-image:url(Imagini/link.gif)}
a.linkbarra:hover{background-image:url(Imagini/sopra.gif)}
Non so se può essere una soluzione, ma al posto di a.linkbarra prova a mettere a:linkbarra.
Come ho detto non so se funziona...
Imagini/link
non mi sembra i percorso ad un file IMMAGINE!
Quantomeno mi aspettavo un
Imagini/link.gif
o .jpg ...
Ehm, sì, hai ragione. Come vedi ho provveduto a modificare. Però avevo sbagliato soltanto a trascrivere. Nel CSS originale il percorso è giusto. Quanto a scrivere a:linkbarra, credo che sia inutile, poiché il resto delle informazioni, come il colore del testo, che qui non ho trascritto, Firefox riesce a leggerle perfettamente.
Non solo è inutile, ma pure non funziona... i due punti indicano quella che è chiamata pseudo-classe e quelle sono soltanto:Citazione:
Originalmente inviato da grecistiuniti
- :link (link a riposo)
- :visited (link visitati)
- :active (link attivo/ultimo link aperto)
- :hover (link con sopra il cursore)
Statemi bene...
Ecco...
Immaginavo che non funzionasse...
ho css un po' arrugginito, ma, nel caso non funzioni ancora, provato a mettere il contenuto di url(); tra apici?
Codice:a.linkbarra:link{
background-image:url('Imagini/link.gif');
}
Ho visto il codice reale sul tuo sito.
L'errore è che all'interno del tag <A> per il link hai messo un DIV !!!
Quindi agli stili dei diversi stati del link (a.linkbarra:link e altri) ci devi aggiungere:
display: block;
height: 30px;
e togli quel div con class "contenitorebarra" dentro il tag <A> lasciando solamente il puro testo, tipo così:
Codice HTML:<div class="barrasinistra">
<div class="iniziobarra"></div>
<a class="linkbarra" href="Morfologia.htm" title="Vai alla sezione della morfologia">Morfologia</a>
<div class="finebarra"></div>
</div>
Grazie mille. Ora funzionano alla perfezione. Inoltre mi hai anche levato un altro problema. Quello di inserire un div contenitore è un trucco che mi aveva consigliato un amico, ma evidentemente si era sbagliato. Il problema è Internet Explorer: con quel browser funzionava, ma il codice era sbagliato; per fortuna adesso lo provo sempre su Mozilla, credo che sia il test migliore.
Grazie ancora.
Beh
Io l'avevo provato soprattutto con Mozilla quindi non dovresti aver brutte sorprese :wink:
Ciao