Elenco utenti

[Polley]

ciao, devo fare un elenco di alcuni utenti con la loro descrizione, nome, città etc.

come possiamo impostare il tutto ?
devo mettere:
nome,età,città,descrizione

io farei cosi:

<ul>[*]
<h4>Cristian</h4>
<dl>
<dd>20 anni</dd>
<dd>Milano</dd>
</dl>


Descrizione</p>

................etc.[/list]

secondo voi è fattibile ?

[Polley]

forse è meglio cosi:

<ul>[*]
<h4>Cristian</h4>


20 anni, Milano</p>


Descrizione</p>

................etc.[/list]

[Polley]

a me piace molto cosi

<ul>[*]
<dl>
<dt>Cristian</dt>
<dt>20 anni, Milano</dt>
<dt>Descrizione</dt>
</dl>

................etc.[/list]

posso usarlo cosi ? senza i dd ?

[pierofix]

Data la natura dei dati in gioco, direi che una tabella sarebbe la struttura semantica più appropriata.

[Polley]

sono solo quelli, non ne metto altri, è solo un'anteprima, a me piaceva un elenco ul, adesso provo con la tabella

[pierofix]

Occhio eh, che la struttura tabellare è uno strumento delicato. Discutiamone.

[Polley]

la tabella non mi piace tanto

<table>
<tr>
<td>Cristian</td>
<td>20 anni, Milano</td>
</tr>
<tr>
<td colspan="2">Descrizione</td>
</tr>
</table>

quasi quasi metto in linea tutti i primi dati

<ul>[*]
Cristian 20 anni, Milano


Descrizione</p>

................etc.[/list]

[pierofix]

Domani vediamo di strutturare decentemente la tabella.

[pierofix]

Dunque, una tabella deve essere autoesplicativa: c'è un'intestazione, in cui si etichettano i dati, e un corpo, in cui questi dati vengono esposti.

Un esempio, basato sul tuo caso:

<table>

   <caption>Utenti del servizio</caption>

   <thead>
      <tr>
         <th scope="col">Nome</th>
         <th scope="col">Età</th>
         <th scope="col">Provenienza</th>
         <th scope="col">Descrizione</th>
      </tr>
   </thead>

   <tbody>
      <tr>
         <td>Aldo</td>
         <td>33</td>
         <td>Torino</td>
         <td>Bla bla bla...</td>
      </tr>
      <tr>
         <td>Giovanni</td>
         <td>16</td>
         <td>Cento</td>
         <td>Alb Alb Alb...</td>
      </tr>
      
   </tbody>

</table>