Css e tirare via il sottolineato da uno span dentro h2

[Louis]

Ciao a tutti.
Ho un testo in h2 con attributo css text-decoration: underline;.
All'interno di questo h2 vi ho inserito uno span per metterci due immagini spostate rispetto al testo di un margine espresso in pixel. Nell'attributo dello span vi ho scritto text-decoration: none; ma succede che con Firefox la sottolineatura continua a vedersi. Con Internet Explorer 7 invece, la sottolineatura non si vede tranne sotto uno spazio che ho inserito fra le due immagini.
Perchè?
Come eliminare la sottolineatura da tutto il contenuto dello span?
Grazie

[Isacco]

Mah, diciamo che il tag h2 è fatto per contenere titoli e non immagini. Comunque, se non puoi farne a meno di fare così, prova a sostituire l'underline con border e vedi se risolvi!
Ciao

[Clara]

La differenza fra le due visualizzazioni è dovuta al fatto che IE non contempla il text-decoration per un elemento blocco, quindi non lo fa vedere.
Qua trovi una spiegazione:
http://usabletype.com/css/text/decoration/

[Adelio]

Potresti tirare via l'underline da h2 ed applicarlo ad una classe separata, che poi applicherai solo al testo dove vuoi la sottolineatura. Ovvio che se hai un sacco di testo sottolineato, ti tocca fare un po di modifiche e si appesatisce un po il codice... ma se non trovi una soluzione migliore, questa funziona ed è collaudata!
Tieni aggiornati
Ciao

[Stephane]

Originariamente inviata da Louis

Ciao a tutti.
Ho un testo in h2 con attributo css text-decoration: underline;.
All'interno di questo h2 vi ho inserito uno span per metterci due immagini spostate rispetto al testo di un margine espresso in pixel. Nell'attributo dello span vi ho scritto text-decoration: none; ma succede che con Firefox la sottolineatura continua a vedersi. Con Internet Explorer 7 invece, la sottolineatura non si vede tranne sotto uno spazio che ho inserito fra le due immagini.
Perchè?
Come eliminare la sottolineatura da tutto il contenuto dello span?
Grazie

Il fatto è che firefox rispetta gli standard mentre explorer fa quello che gli pare. La verità è che non c'è alcun modo di eliminare l'underline dagli elementi figli di h2.. la soluzione non è li!
Devi metterla solo dove ti interessa perchè una volta che la metti dappertutto, non la tiri più via...

[ciro]

Come diceva Adelio, o lo metti in una classe oppure fai il contrario di quello che hai fatto: sottolineato nello span invece che in h2.
Questo perchè il text-decoration applicato ad un elemento blocco si estende a tutti gli elementi figli.

[Sergi]

Originariamente inviata da Isacco

Mah, diciamo che il tag h2 è fatto per contenere titoli e non immagini. Comunque, se non puoi farne a meno di fare così, prova a sostituire l'underline con border e vedi se risolvi!
Ciao

No, è la stessa cosa... anzi peggio, perchè il border segue tutta la riga mentre il sottolineato solo i caratteri!

[Luis]

Grazie a tutti dell'aiuto.
Alla fine ho risolto inserendo lo span prima di h2 e mettendolo come float right.
Per giocare un poco sull'allineamento in verticale è possibile inserire nel codice html all'interno dell'attributo dell'immagine, align="middle".
Alla prossima