Qualcuno riesce a costruire questa tabella?

[gpizz]

Ciao ragazzi ho disegnato uno schizzo di quello che dovrei realizzare.
Io non riesco perchè le larghezze si sballano continuamente ad ogni modifica.
Vi allego l'immagine dello schizzo.

Secondo voi è meglio in css o solo in html?
O, conoscete altre vie più efficaci?

Per rendere l'idea, questa tabella deve essere inserita nell'homepage del mio sito www.alloggiorent.com/index.html

Per il momento ce n'è una costruita alla meno peggio solo in html.Ma ogni volta che la devo modificare succede un casino.

Vi ringrazio anticipatamente.
Ciao

[JackDaniels83]

Scusa cosa intendi per modifica?
Modifiche nella struttura della tabella (nel layout) o sostituzione di un contenuto con un altro (Per esempio un immagine con un'altra, o un testo con un altro) ?

[gpizz]

la modifica dell'immagine non dà problemi. Però quando modifico il testo capità che sballa la tabella.

[JackDaniels83]

Originariamente inviato da gpizz
la modifica dell'immagine non dà problemi. Però quando modifico il testo capità che sballa la tabella.

Hai settato per ogni campo della tabella le sue dimensioni relative? Tieni conto comunque che un layout con tabella è sempre un qualcosa di fisso e che dunque in ogni caso sei vincolato dai limiti di spazio della tabella stessa.
Voglio dire che non puoi pretendere di andare ad inserire cento linee di testo in una <td> per intenderci che ne può contenere dieci.

[gpizz]

il problema è che nella situazione in cui sono ora, non riesco a mantenere fisse le larghezze. Quindi pensavo di rifarla da capo magari con l'aiuto dei css, ma mi dà lo stesso problema e non capisco perchè. Ho fatto tutte le suddivisioni calcolatrice alla mano.

[JackDaniels83]

Scusami ma mi risulta difficile aiutarti senza uno straccio di codice...se riesci a postare qualcosa che possa chiarire il problema sarò felice di aiutarti se posso.

[gpizz]

Ti allego il codice della tabella e anche un pezzo di css.

Quando visualizzo la tabella in Dreamweaver appare con determinate larghezze e altezze, mentre su IE non è lo stesso.

<table width="486">

<thead>
<tr>
<th height="33" colspan="4" align="center" valign="top">Case e Appartamenti in Vetrina </th>
<td width="3"></td>
</tr>
<tr>
<th height="19" colspan="4" align="center" valign="top" class="sub">Scegli un Casa vacanza e Prenota!</th>
<td></td>
</tr>
</thead>

<tbody>
<tr>
<th height="20" colspan="2" valign="middle"><h5>Città: Capo d'Orlando (Me)</h5></th>
<th colspan="2" valign="middle"><h5>Città: Ficarra (Me)</h5></th>
<td></td>
</tr>
<tr>
<th width="123" height="65" valign="top" class="sub">Foto</th>
<th width="104" rowspan="2" valign="top" class="sub">Descrizione</th>
<th width="87" valign="top" class="sub">Foto</th>
<th width="132" rowspan="2" valign="top" class="sub">Descrizione</th>
<td></td>
</tr>

<tr>
<th rowspan="3" valign="top">nome foto </th>
<th rowspan="3" valign="top">nome foto </th>
<td height="46"></td>
</tr>
<tr>
<th height="23" valign="top">testo 1 </th>
<th valign="top">testo 1 </th>
<td></td>
</tr>
<tr>
<td height="24" valign="top">testo 2 </td>
<td valign="top">testo 2 </td>
<td></td>
</tr>
</tbody>
</table>



------------------------------------------------------------------------------------

CODICE CSS UTILIZZATO

/* TABLES */
table {border: 2px solid #69f; border-collapse:collapse; width:485; margin-left: 1.5ex;}
td {background-color: #fff; padding:1px; border: 1px solid #ccc; color:#000;}
th {text-align:left; border: 1px solid #fff}
thead th {color:#333333; font-size:1.5em; background-color: #fff ; padding: 5px 3px}
thead th.sub {color:#666666; font-size:1.0em; background-color: #fff ; padding: 0px 5px}
tbody th {color:#fff; font-size:1.15em; background-color: #69f;}
tbody th.sub {font-size: .90em; color:#fff; background-color: #336;}

[Hobby]

Non c'è bisogno di vedere nessun codice! E' sufficiente che imposti le dimensioni in modo assoluto (cioè fisso) nei css

[gpizz]

e nel mio caso dove dovrei aggiungere le dimensioni?

[Hobby]

Originariamente inviato da gpizz
e nel mio caso dove dovrei aggiungere le dimensioni?

Devi formattare la tabella con dichiarazioni nel foglio di stile