• User Attivo

    Come inserire correttamente il tag H1

    Ciao a tutti,

    volevo chiedervi una cosa:

    da foglio di stile css ho inserito :
    H1 {font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 11px; color: #000000}

    poi inserendo nel codice <h1>titolo</h1>

    mi lascia degli spazi in alto e in basso al titolo come se avessi dato un'altezza alla cella....

    ho trovato in internet una soluzione del tipo : <h1 style="margin:0px;">titolo</h1>

    e cosi ho risolto lo spazio in basso ma non quello alto...

    qualcuno sa aiutarmi ad eliminare gli spazi e a consigliarmi il codice più consono ai motori di ricerca????

    grazie mille


  • Super User

    @"giordy84" said:

    qualcuno sa aiutarmi ad eliminare gli spazi e a consigliarmi il codice più consono ai motori di ricerca????

    Margin:0px elimina già gli spazi (margini) sia in alto che in basso, solo che devi fissare i margini a 0 anche per gli altri tag (<p> <h2> ecc ecc..), incluso il tag <body>

    Per quanto riguarda i motori di ricerca, i css vengono ignorati, quindi un h1 è un h1 anche quando viene 'stilizzato' con i CSS.

    Sposto in Html Css e Scripting.

    .Stuart


  • User Attivo

    Si i margini me li elimina....
    Però non riesco a capire il perchè ma ho un tag <img> poi apro il tag <h1> e quest'ultimo va a capo come se avesse un <br>!!!!
    come mai????
    se io invece metto anche l'img all'interno del tag <h1> tutto va bene....

    per i motori di ricerca avere un'immagine nel tag <h1> che fa????pro o contro???


  • User Attivo

    perche tutti gli H1, H2 .... e i P e i DIV e altri tag html contegono l'andata a capo è normale è il linguaggio html. Sinceramente mi sembra ti manchino proprio le basi del linguaggio e ti consiglio di seguire una delle tante guide online.
    Il comportamento dei tag html però è modificabile da CSS e quindi se nel tuo css metti al tag h1 un float:left o float:right vedrai che anche il testo (comprese immagini) che lo segue non va a capo. Ripeto però che ti conviene studiare per conto tuo i tag di basea del html e un po' di css. :ciauz:


  • Moderatore

    Invece di usare float:left esiste display:inline per rendere un blocco un elemento in linea.

    Secondo me il punto è un altro invece: ha bisogno di testo di 11 px, inline. Non è un H1, secondo me. 🙂

    Ps bello il sito sull'iPhone
    :ciauz: