come potrei realizzare questo tipo di impaginazione con html e css ?

[JonnyFara]

mi riferisco a quello che vedete circoscritto , in questo caso sarebbe molto sempolice farlo con una tabella a 2 colonne e 3 righe , ma da quanto sento , le tabelle sono per i meno bravi e meno esperti per costruire ciò , e sevono più per dati tabellari , allora cosa mi consigliate , cosa devo fare ?costruirmela con div con css ?

[lnessuno]

bof io farei 3 div uno sotto l'altro con all'interno una img con float:left per posizionare il testo accanto... poi non so

[gengix]

Io farei così:

css:
*
{
margin:0;
padding:0;
}
.box
{
width:750px;
margin:auto;
margin-bottom:20px;
}
.box:after
{
content:".";
display:block;
visibility:hidden;
clear:both;
height:0;
}
* html .box
{
height:1%;
}
.box img
{
float:left;
display:block;
}
.box h1,
.box p,
.box span
{
float:right;
width:400px;
}
.box span
{
margin-top:10px;
}
xhtml:
<div class="box">
[img]caraibi1.jpg[/img]
<h1>titolo testo</h1>



Testo di prova Testo di provaTesto di provaTesto di prova Testo di prova
Testo di prova Testo di provaTesto di provaTesto di prova Testo di prova
Testo di prova Testo di provaTesto di provaTesto di prova Testo di prova
Testo di prova Testo di provaTesto di provaTesto di prova Testo di prova
Testo di prova Testo di provaTesto di provaTesto di prova Testo di prova
Testo di prova Testo di provaTesto di provaTesto di prova Testo di prova
Testo di prova Testo di provaTesto di provaTesto di prova Testo di prova

</p>
<span>Questo è un link</span>
</div>

Le dimensioni e i margini gli ho impostati per la prova.
Replicherei il div "box" per gli altri blocchi cambiando di volta in volta le immagini e i testi.

[gengix]

Ecco il risultato. Ciao!