Ciao a tutti...
ho una curiosità da soddisfare. :berto:
Sto utilizzando in un website la sostituzione immagini con questo metodo:
Tutto funziona egregiamente, viene validato il codice (su w3c.org) senza errori invece con con HTML TIDY esce fuori un'avviso per lo <span></span> vuoto.CSS
div#menu-home, div#menu-home span{
width:38px; height:30px;
background:url(../images/menu-home.png) 0 0 no-repeat;
cursorointer;
text-decoration:none;
}
div#menu-home, div#menu-home:hover span {
width:38px; height:30px;
background:url(../images/menu-home.png) 0 -30px no-repeat;
cursorointer;
text-decoration:none;
}
.replace{
position:relative;margin:0;padding:0;/* hide overflow:hidden from IE5/mac */overflow:hidden;/* */
}
.replace span{
display:block;
position:absolute;
top:0px;
left:0px;
z-index:1; /* for opera5 and 6 */
}
La mia domanda, è per lo SPAN vuoto, è corretto usarlo?
Anche se da un'avviso e valido il codice?
Facendomi qualche paranoia, ho pensato che aggiungendo uno spazio vuoto <span></span> potevo risolvere, e infatti magicamente viene validato anche da HTML TIDY, funziona tutto su tutti i browser e non da nessun avviso.
Su SAFARI però...... funziona il link ma lo spazio dato nello <SPAN> si vede sull'immagine che sostituisce il link testuale, uno spazio sottolineato! Nonostante utilizzo "text-decoration:none;" ..
Si può eliminare?? E' Direi fastidioso.. ecco perchè chiedo se utilizzare lo SPAN vuoto può dare problemi o l'avviso che mi da il validatore non è importante essendo solo un'avviso!!
Grz!
Bland
PS
che differenza c'è tra il validatore del W3C e HTML TIDY?