Mettere <br> fra i <li>

frank · Messaggio da **frank** » 09/01/2016, 14:38

Ho messo delle frasi ad elenco e per creare spazio ho pensato di mettere il <br> così e ho visto che funziona. Però mi sembra che non sia conforme allo standard W3C.

Codice: Seleziona tutto

<ol>
<li>frase1</li>
<br>
<li>frase2</li>
<br>
<li>frase3</li>
</ol>

Messaggio da **Micogian** » 09/01/2016, 15:20

Usa i CSS.
Ci sono tanti modi di intervenire sul tag <li>, ad esempio

Codice: Seleziona tutto

<html>
    <head>
    <style>
    .space{
        line-height: 25px;
        }
    </style>
    </head>
    <body>
        <div>
            <ol>
                <li class="space">frase1</li>
                <li class="space">frase2</li>
                <li class="space">frase3</li>
            </ol>
        </div>
    <body>
</html>

Puoi anche usare margin-bottom: 5px;

frank · Messaggio da **frank** » 09/01/2016, 15:47

Il margin-bottom è meglio perché crea spazio solo dopo il </li>, mentre il line-height lo crea fra tutte le righe.

Messaggio da **Micogian** » 09/01/2016, 15:54

E poi mi sembra che lo standard 3WC non preveda il <br> ma il <br />
Comunque è più elegante intervenire sul CSS, puoi anche inserire dimensioni e colore del font, ecc.

Messaggio da **Sir Xiradorn** » 09/01/2016, 21:51

Allora per dare una indicazione globale. Attenzione a parlare di validazione perchè bisogna distinguere tra versioni e tipologie. Inoltre lo Html è diverso da Xhtml e ha delle concettualità differenti se sono attivate parametrizzazioni tipo la strict piuttosto che non lo è.

Il br è previsto se siamo in html mentre in xhtml va usato come br/

Ha ragione Mico sul li. Puoi intervenire in millemila modi. Puoi usare del padding interno, puoi usare il margin, puoi usare anche gli standard per esempio ::before e ::after per inserire delle cose. Hai solo l'imbarazzo.

Puoi risparmiare delle linee di codice così

Codice: Seleziona tutto

    <html>
        <head>
        <style>
        .space li{
            line-height: 25px;
            }
        </style>
        </head>
        <body>
            <div>
                <ol class="space">
                    <li>frase1</li>
                    <li>frase2</li>
                    <li>frase3</li>
                </ol>
            </div>
        <body>
    </html>

Se vuoi degli spazi tutti uguali. La soluzione di Mico va bene per poter selezionare le linee che desideri. Un ulteriore soluzione dal mio codice, è usare lo pseudoselettore css3

Codice: Seleziona tutto

:nth-child(NUMERO)

ovvero

Codice: Seleziona tutto

.space li:nth-child(2) { ... }

Questo codice darà al secondo elemento lo stile che vuoi

frank · Messaggio da **frank** » 09/01/2016, 21:59

Io normalmente uso html, che differenza c'è fare un sito in xhtml, strict, ecc.

Messaggio da **Sir Xiradorn** » 09/01/2016, 22:24

Html NON è Xhtml. Sostanzialmente sono due cose molto simili ma diverse nel loro nucleo e come si vede dal nome stesso indica che la sua base è XML che è un linguaggio di markup fantastico una delle cose più meravigliose / rognose che esistono.

Inoltre non esiste sono HTML (derivato da SGML) ma ad esempio XHTML o ancora DHTML. Esistono anche preprocessori di tali linguaggi che linguaggi poi non sono e che rendono "INTELLIGENTI" lo "stupido" Html come lo HAML ma questi vanno compilati

Perchè usare l'uno o l'altro? Li usi per quello che ti serve. Per capirne qualcosa in più, partite dalla Definizione tipo Documento o DTD (https://it.wikipedia.org/wiki/Document_Type_Definition)

phpBB Italia

Mettere <br> fra i <li>

Mettere <br> fra i <li>

Re: Mettere <br> fra i <li>

Re: Mettere <br> fra i <li>

Re: Mettere <br> fra i <li>

Re: Mettere <br> fra i <li>

Re: Mettere <br> fra i <li>

Re: Mettere <br> fra i <li>

Chi c’è in linea