Tag dentro A e differenza spazio tra IE e FF

[miki.]

ho un menu fatto così

<ul>[*]<a*><span class="hidden">text</span></a>[*]<a><span class="hidden">text</span></a>[*]<a><span class="hidden">text</span></a>[*]<a><span class="hidden">text</span></a>[*]<a><span class="hidden">text</span></a>[/list]

il tag span mi serve per nascondere il testo, che verrebbe visualizzato nel caso il browser non supporti i css.

Allora, con firefox non ci sono problemi, con IE invece se aggiungo il tag <span> (o altri tag come strong, em etc) aumenta lo spazio verticale tra i vari a e mi sfanculizza un po l'impostazione grafica, mentre se non inserisco il tag span, anche IE visualizza come dovrebbe essere. Non capisco a cosa è dovuto.

qui per vedere la differenza
http://www.datachannel.it/2005/azienda.html il tag è messo solo dentro "azienda", e si può vedere la distanza maggiore tra azienda e prodotti.


*il tag a è messo in display:block

[pierofix]

Quella soluzione può essere sostituita dalla seguente, più snella, leggera, pulita e meglio funzionante (esemplificando):

XHTML
Blog

CSS
a { text-indent:-1000em }

Il rientro negativo del testo non fa altro che spararlo tutto a sinistra di 1000em, rendendolo, di fatto, invisibile ma comunque presente (per uno screen-reader). Inoltre, come detto, il markup non è appensantito da tag inutili.

[miki.]

grazie 1000.

Non l'avevo mai trovata questa soluzione, e quindi facevo nell'altra maniera

[pierofix]

Originariamente inviato da miki.
grazie 1000.

Non l'avevo mai trovata questa soluzione, e quindi facevo nell'altra maniera

Baciamo le mani a Mr Zeldman per questa illuminazione. Bè, non so se è sua invenzione ma è il primo che ho visto ad usarla.

[Panch]

è una bella idea quella dei tag che contengono misure negative...ma con me ha dato dei problemi quando sono passato da firefox all'explorer... non sò se sono sempre la soluzione giusta... :master:

[pierofix]

Qui però non si tratta di margini o padding negativi, ma di rientro del testo: io non ho mai notato problemi di compatibilità.

[Panch]

Probabilmente sono due problemi di tipo diverso...io avevo creato dei menù a tendina utilizzando sempre i tag ul li allineati orrizzontalmente con l'ausilio grafico di css...avevo capito male... sono ancora un pò addormentato...