crossbrowsering - menu invisibile in ff?

[kainard]

www.lecave.org
nei browser geko based non si legge il menu, come mai???

[homezappa]

   <div id="menu">
    <ul>[*][*][*][*][*]
[*][/list]
   </div>

Mi meraviglio che gli ALTRI browser facciano vedere qualcosa!
A mio avviso, con questo codice non si deve vedere niente!
Se metti qualcosa , ad esempio:

   <div id="menu">
    <ul>[*]Link 1[*]Link 2[/list]
   </div>

vedrai che vedi in tutti i browser!

HTH
Zappa

[kainard]

si ma in quel modo la scritta mi copre l'img di background...

[homezappa]

Cambia gli stili dei link così:

#link1 {
background-image:url(images/link1.png);
height:47px;
width:126px;
display:block;
}
#link1:hover {
background-image:url(images/link1a.png);
}

Ovvio per tutti gli stili dei link, non per uno solo!

HTH
Zappa

[Sgro]

Originariamente inviato da homezappa
Cambia gli stili dei link così:

#link1 {
background-image:url(images/link1.png);
height:47px;
width:126px;
display:block;
}
#link1:hover {
background-image:url(images/link1a.png);
}

Ovvio per tutti gli stili dei link, non per uno solo!

HTH
Zappa

Si ma non basta. Per fare si che il testo non gli copra l'immagine di sfondo lo deve indentare negativamente di parecchio.

Nel css dei link aggiungi anche

text-indent : -9000px;

Ciao

[homezappa]

Originariamente inviato da Sgro
Si ma non basta. Per fare si che il testo non gli copra l'immagine di sfondo lo deve indentare negativamente di parecchio.

Nel css dei link aggiungi anche

text-indent : -9000px;

Ciao

Da quanto ho capito, non intende assolutamente inserire testo nell'anchor ... è l'immagine di sfondo stessa (se l'anchor ha display:block) che 'diventa' tutto l'anchor e quindi è cliccabile.

.. o no?

Zappa

(edit)
ho ricaricato la sua pagina, poi con Firebug ho cambiato l'html 'al volo' così:

<a style="display:block" href="#" id="link1"/>

Il tutto funziona: l'item del menu si vede, si clicca, ecc...

[Sgro]

Originariamente inviato da homezappa
Da quanto ho capito, non intende assolutamente inserire testo nell'anchor ... è l'immagine di sfondo stessa (se l'anchor ha display:block) che 'diventa' tutto l'anchor e quindi è cliccabile.

.. o no?

Zappa

(edit)
ho ricaricato la sua pagina, poi con Firebug ho cambiato l'html 'al volo' così:

<a style="display:block" href="#" id="link1"/>

Il tutto funziona: l'item del menu si vede, si clicca, ecc...

Si ma il non mettere il testo all'interno dell'anchor non ha senso. In assenza di foglio di stile, quell'anchor non funzionerà. Quindi, strutturalmente è sbagliato. Il procedimento corretto è quello di inserire il testo clicckabile e poi eventualmente nasconderlo via CSS.