problema con <br> all'interno di una lista

[gialloporpora]

Salve a tutti,
forse quello che chiedo è una banalità ma io non ho ben capito come si fa a risolvere.
Sto cercando di validare l'HTMl del mio Blog e sono riuscito a risolvere gran parte degli error però
ce ne sta ancora qualcuno che non capisco bene. Allora questo è un esempio del codice:

Codice: Seleziona tutto

<ul>
<li> Lista1 </li>
<br/>
<li>lista2</li>
</ul>


Problemi di visualizzazione non ce ne sono però se vado a fare la validazione mi dice che il TAG
<br/> non può stare dov'è. Ora vi chiedo come faccio a mettere un'interlinea fra un
elemento della lista e un altro senza usare <br/> ?
Grazie

[thomas]

Se non sbaglio "li" è un block element e quindi non c'è bisogno di una linea vuota per separare i due list item... prova a tirar via il "br" e vedrai che otterrai lo stesso effetto.

[gialloporpora]

Se non sbaglio "li" è un block element e quindi non c'è bisogno di una linea vuota per separare i due list item... prova a tirar via il "br" e vedrai che otterrai lo stesso effetto.

Ciao,
inanzitutto grazie per avermi risposto, allora ho eliminato tutti i <br/> (almeno da due post),
però come si vede da qui non c'+ l'interlinea aggiuntiva.
Fra l'altro mi sono accorto che con IE non si vede affatto bene comunque quello non mi interessa tanto, magari più avanti.
Ciao

[ssjx]

dovresti impostare uno stile diverso con una maggiore interlinea per le liste attraverso l'uso di CSS ................. ma non chiedermi quale sia il codice da usare perché non ne ho la più pallida idea

[Rumez]

Prova ad inserire queste righe nel foglio di stile CSS

Codice: Seleziona tutto

li
{
   padding: 2em;
}


il codice va ad indicare a tutti i tag <li> che devono avere quella determinata interlinea..
ovviamente puoi cambiare il valore a tuo piacimento (ad es .2em; .5em; 1em; ecc..)

ciao...

[ssjx]

Rumez ne approfitto ............. a cosa corrisponde l'unità em ?

[Rumez]

allora...di preciso non lo so..ci vorrebbe Boo..però ti dico quello che so io e che ricordo di avere letto in giro:
em è un' unità di lunghezza relativa o variabile e in genere è usata per creare layout liquidi.
Una spiegazione dettagliata la trovi qui
http://www.constile.org/tutorial/come_dimensionare_i_caratteri/
è spiegato senza dubbio meglio di come potrei fare io.

Comunque in soldoni la differenza tra px ed em dovrebbe essere che il primo caso definisce una dimensione fissa, nel secondo una elastica in quanto si lavora in percentuali (.20em di fatto significa 20%).

[gialloporpora]

Prova ad inserire queste righe nel foglio di stile CSS

Codice: Seleziona tutto

li
{
   padding: 2em;
}


il codice va ad indicare a tutti i tag <li> che devono avere quella determinata interlinea..
ovviamente puoi cambiare il valore a tuo piacimento (ad es .2em; .5em; 1em; ecc..)

ciao...

Grazie mille dopo provo
magari definisco una class particolare visto che a volte mi va bene che non ci sia l'interlinea
e altre volte invece preferisco ci sia.
Grazie ancora

[gialloporpora]

Allora, ho fatto delle prove e il padding non serve per l'interlinea ma per la spaziatura dal marker
di lista. L'attributo per l'interlinea è line-height che si può usare sia con unità di misura em che in pixels (px).
Gli em credo (per prove fatte) moltiplichino per il numero precisato l'interlinea di default di quel paragrafo (es. 2em = 2 volte l'inerlinea).
Altrimenti ho visto che è permesso inserire il <br/> all'interno dei TAG <li></li> senza errori.
Grazie comunque per l'aiuto.
Ciao

[Boo]

Allora, ho fatto delle prove e il padding non serve per l'interlinea ma per la spaziatura

Corretto

L'attributo per l'interlinea è line-height che si può usare sia con unità di misura em che in pixels (px).

Con qualsiasi unità di misura valida in HTML: %, in, cm, mm, em, ex, pt, pc, px.

Gli em credo (per prove fatte) moltiplichino per il numero precisato l'interlinea di default di quel paragrafo (es. 2em = 2 volte l'inerlinea).

Precisamente, moltiplicano per il valore indicato il valore relativo a cui è applicato, quindi in quel caso hai raddoppiato l'interlinea, con 0.5em l'avresti dimezzata.

Altrimenti ho visto che è permesso inserire il <br/> all'interno dei TAG <li></li> senza errori.

All'interno dei tag <li></li> sì non tra di loro come nel tuo primo post.