Olimpo Informatico

[pincopallino]

Dovrebbe essere qualcosa di molto semplice, ma spesso sono proprio le domande più semplici che rimangono senza risposta.

Dunque, ho una lista non-ordinata del tipo:



<ul>

<li>

prima riga

</li>

<li>

seconda riga

</li>

</ul>



Volevo separare le due righe con una spaziatura "a piacere". L'attributo "line-height" modifica l'interlinea di ciascun elemento <li>, non lo spazio fra due elementi <li>.

Il tag <br> non è ammesso in una lista.

Che ho fatto? Ho separato la lista in due:



<ul>

<li>

prima riga

</li>

</ul>

<ul>

<li>

seconda riga

</li>

</ul>



Funziona, e passa pure il controllo del validatore W3C. Però non mi sembra proprio il modo più intelligente di ottenere il risultato voluto. Probabilmente c'è un attributo che fa al caso mio, da piazzare dentro il tag <ul>, ma non l'ho trovato.

Qualche suggerimento?



GIA

_________________________________

God saves, but Buddha makes incremental backups

[ioSOLOio]

mentre e' possibile ridurre lo spazio fra le righe nel caso in cui l'elenco fosse molto lungo, adoperando l'attributo COMPACT nel tag < DL > non conosco tag per ottenere l'effetto opposto.



Non ne conosco la correttezza per quanto riguarda la validazione, comunque:



- su diversi siti professionali ho visto che utilizzavano un tag < P >



- oppure puoi usare i tag DT e DD senza mettere nulla nella seconda parte...

ad esempio:

 <DL>


<DT>punto a <DD>spiegazione di a


<DT>punto b <DD>spiegazione di b


</DL>

se però dopo il DD metti solamente il carattere spazio   avrai una spaziatura che utilizzando tag corretti dovrebbe essere valida



Però questo risponde solo in parte alla tua domanda...perchè la spaziatura non diventa "personalizzabile"



Unica altra soluzione che mi viene in mente, anche se non ho mai avuto occasione di provarla, è cercare di applicare i CSS

[rebelia]

la soluzione che hai adottato nn mi sembra tanto peregrina

[rebelia]

cmq line-height e' applicabile al tag li

[pincopallino]

Quote:

---

cmq line-height e' applicabile al tag li

---

Certo, ma non come ho scritto sopra, cambia l'interlinea all'interno di un LI, non la spaziatura fra due LI.

_________________________________

God saves, but Buddha makes incremental backups

[rebelia]

ho costruito un elenco e poi ad ogni tag li ho applicato una diversa line height (tanto diversa: da 15px a 150px) ed ogni linea aveva una distanza diversa dalla successiva e per quanto ho visto, aggiunge l'altezza sotto la linea; mal che vada, applicaci un valign (pero' questo nn l'ho provato al validatore)



oppure lascia quello che hai fatto (divisione dell'elenco): e' la cosa piu' veloce e piu' regolare di tutte

[rebelia]

Quote:

---

la soluzione che hai adottato nn mi sembra tanto peregrina

---

risultato di alcune prove:

- valign nn e' un attributo di li

- line-height inserisce la linea a cui si applica in mezzo all'altezza totale della riga

- lo fa anche se determini pure le righe sopra e sotto (of course!!! )

- confermo che il sistema da te adottato e' buono



... naturalmente in attesa di qualcuno che ne sappia di piu' di quello che ti posso dire io