Come applicare i CSS ad una struttura HTML

[Valeria75_bis]

Ho un Box creato in HTML

<table cellspacing="0" cellpadding="0" width="200" bgcolor="#ffffff" border="0">
<tbody>
<tr>
<td colspan="3">[img]Include/SxBar/Sx_Top.jpg[/img]</td>
</tr>
<tr>
<td width="5" rowspan="2" valign="top">[img]Include/SxBar/Sx_VerticalSxBar.jpg[/img]</td>
<td width="190">[img]Include/SxBar/Sx_TopBar.jpg[/img]</td>
<td width="5" rowspan="2" valign="top">[img]Include/SxBar/Sx_VerticalDxBar.jpg[/img]</td>
</tr>
<tr>
<td valign="top" align="middle" height="162">
</td>
</tr>
<tr>
<td colspan="3">[img]Include/SxBar/Sx_Down.jpg[/img]</td>
</tr>
</tbody>
</table>

A questo punto (ottenuto il risultato che volevo) vorrei passare all'utilizzo dei fogli di stile, per ottenere una compatibilità con altri browser e gestire gli stili correttamente...

Qualcuno potrebbe darmi una mano??

Thanks

[LA VALE]

Il box che devi creare ha i bordi arrotondati?

[Valeria75_bis]

Grazie per l'aiuto! Direi di no, nel senso... come bordi (contorni) ci sono delle immagini che generano un effetto di ombra .... intendevi questo?

[LA VALE]

Bhe, dovrebbe funzionare allo stesso modo...

Prova a guardare in questo thread:
http://forum.html.it/forum/showthrea...readid=1031367

se scorri di qualche risposta trovi dei link ad alcuni tutorial... Servono ad impostare dei bordi arrotondati, ma forse vanno bene anche per il tuo caso...



Naturalmente fatto in xhtml e css la struttura (a livello di codice) sarà completamente diversa da quella che hai fatto tu..

[Valeria75_bis]

Infatti ho letto alcuni post e tutorial (anche quelli di HTML.IT), quello che non capisco è come generare il codice corretto partendo da una tabella cosi complessa

Grazie ancora

[LA VALE]

Domanda:

La tua tabella servirà a contenere delle informazioni o sarà una parte del layout?

Perchè sono due cose diverse...

Se devi usare la tabella propriamente come una tabella, cioè per inserire dei dati, andrà in qualche modo modificato il tuo codice...

Se la tabella la devi usare per il layout, allora dimenticala..
Il layout NON va fatto con le tabelle, ma con altri contenitori, i DIV...

[Valeria75_bis]

Grazie.

Diciamo la tabella è parte del layout e che all'interno di

<td valign="top" align="middle" height="162">
</td>


inserirò dei contenuti

[LA VALE]

Mmm allora io ti consiglio di rivedere un po' tutta la struttura del tuo sito..
Se vuoi creare un sito interamente in css, non puoi utilizzare le tabelle per il layout..

[Valeria75_bis]

Appunto... è quello che ho scritto nel primo post.

Quello che vorrei fare è capire come cambiare questo codice HTML (l'unica mia parte che presenta l'uso di tabelle) in CSS... vorrei capirlo attraverso un esempio

Grazie ancora

[Valeria75_bis]

Nessun aiutino??? Vorrei capire come trasformare l'HTML in CSS corretto