Tecnicamente la tua e` una lista. Renderla con una tabella non e` sbagliato (in effetti ci sono varie colonne e varie righe), ma io valuterei la possibilita` della lista:
codice:
<div class="download">
<h2>Area di download</h2>
<ul>
<li class="pdf">
Dépliant
<span>512 kB</span>
<li class="pdf">
Statuto dell'associazione
<span>718 kB</span>
[/list]
</div>
Poi occorre pensare al CSS:
codice:
.download {
...
}
.download ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.download li {
list-style-type: none;
height: 50px;
margin: 0 0 0 50px; /* lo spazio per l'icona del tipo file */
padding: 0; /* necessario per sistemare i vari browser */
display: table-cell; /* per poter usare il vertical-align */
vertical-align: middle;
}
.download a {
display: block;
height: 100%;
width: 30em; /* valore da sistemare - se vuoi avere i "kB" allineati */
}
.download span {
...
}
.download .pdf { list-style-image: url(../images/Icona-PDF-48x48.png); }
.download .gener { list-style-image: url(../images/Icona-generica-48x48.png); }
...