lista nominativi con foto e corretta rappresentazione

[andrea_kobe]

Ciao a tutti. Dovrei mostrare all'interno di un div una serie di nominativi con foto annessa.
In pratica dovrebbero esserci come informazioni:

nome: andrea
cognome: bianchi
indirizzo: via ....

e sulla destra dei dati di ciascun nominativo una foto.

Poichè sto cercando di "disintossicarmi" dalle tabelle mi chiedevo quale fosse il modo più corretto di rappresentare la cosa. Immagino debba usare le liste ma non so esattamente come.

Grazie per l'attenzione.

[andrea_kobe]

[gabip87]

una prova:

<div class="guy">


   <ul>[*]nome[*]cognome[*]address[/list]

   [img]img.png[/img]


</div>

//····························································

.guy
{
   clear:both
}

.guy ul
{
   float:left
}

.guy img
{
   float:right
}

evidentemente ci sono altre soluzioni ma io ho pensato a questa..

[andrea_kobe]

Ciao gabip e tante grazie per la risposta.
Ho provato il tuo codice e pare andare bene. Quindi se ho ben capito devo usare un div per ogni individuo (elemento) della lista. Io pensavo che dovesse andare tutto dentro un unico div.
Si vede che mi sfuggono ancora molte cose a livello di concetto.
Ti/vi faccio ancora un'altra domanda se posso: come faccio a posizionare verticalmente il testo dei li al centro rispetto alla foto relativa?

Grazie ancora.

[gabip87]

Originariamente inviato da andrea_kobe
Io pensavo che dovesse andare tutto dentro un unico div.

lo puoi fare. ma per me va fatto come ho scritto sopra, considero ogni persona una sezione quindi un div.

Originariamente inviato da andrea_kobe
come faccio a posizionare verticalmente il testo dei li al centro rispetto alla foto relativa?

margin-top:??px;

[andrea_kobe]

Ho scritto così

ul{
margin-top: 50px;
}

dove 50px è la metà dell'altezza del mio div e ho ottenuto ciò che volevo.
Grazie ancora, mi sei stato di grande aiuto. Buon fine settimana.