Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2002
    Messaggi
    49

    domanda su <span></span>

    Ciao a tutti...
    ho una curiosità da soddisfare. :berto:
    Sto utilizzando in un website la sostituzione immagini con questo metodo:

    HTML
    <div id="home" class="replace">
    home<span></span>
    </div>
    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 */
    }
    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.
    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?
    ..............
    Conrad Bland
    ..............

  2. #2
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,779
    che senso ha utilizzare un marcatore se poi lo si lascia vuoto?

    ma se lo vuoi utilizzare comunque (magari hai degli automatismi di cui non hai parlato),
    puoi lasciarlo vuoto.

    nessun errore.

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2002
    Messaggi
    49
    Il senso di lasciarlo vuoto è per sostituire il LINK testuale con una IMG ..
    Nel caso di MENU GRAFICI, se vogliamo dare uno stile che non sia semplice testo, possiamo utilizzare IMG ma senza perdere il LINK testuale chge rimane nascosto per gli occhi ma visibile per i SEARCH.

    In pratica lo SPAN vuoto, ha una dimensione e altezza consona per essere riempita da una IMG, quindi si porta ad un livello z-index 1 e copre il LINK testuale.
    Cosi il codice è leggibile anche senza CSS e anche su LYNK è corretto...


    Grz cmq per la risposta!
    ..............
    Conrad Bland
    ..............

  4. #4
    Non so come funzioni il validatore di HTML tidy, però segui quello del w3c che è il più corretto. Lo span vuoto è validato.

    EDIT: ho lasciato aperto troppo la finestra, poi sono andato a mangiare e ho risp un po' troppo in ritardo. I'm sorry
    http://negrita.com
    Grandissimi

    Solo quelli che sono così folli da pensare di cambiare il mondo, lo cambiano davvero.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.