[xhtml] trasformare tabella in codice xhtml

[dies]

Ciao a tutti,

è possibile trasformare questa tabella in codice xhtml?

<table width="74%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="1%" background="image/tleft.gif">[img]image/px.gif[/img]</td>
    <td width="98%" background="image/t.gif">[img]image/px.gif[/img]</td>
    <td width="1%" background="image/tright.gif">[img]image/px.gif[/img]</td>
  </tr>
  <tr>
    <td background="image/left.gif"></td>
    <td></td>
    <td background="image/right.gif"></td>
  </tr>
  <tr>
    <td background="image/bleft.gif">[img]image/px.gif[/img]</td>
    <td background="image/b.gif">[img]image/px.gif[/img]</td>
    <td background="image/bright.gif">[img]image/px.gif[/img]</td>
  </tr>
</table>

grazie a tutti per l'attenzione.

p.s
allego cosa rappresenta visivamente la tabella

dies

[blakwolf]

cosa intendi per xhtml... una tabella semplice formattata via css?

[dies]

si, ma anche la possibilità di assegnare ai tag <a>,

,<code> ,all'interno della tabella stessa, uno style attraverso i css.

ho letto il tuo articolo a riguardo, ma non riesco ad adattarlo al mio caso specifico.

grazie per la risposta blakwolf.



dies

[dies]

si può fare o mi devo arrendere?





dies

[Mich_]

Non ti devi arrendere, devi iniziare a lavorare.

Anzitutto tutti gli attributi di formattazione vanno tolti ed inseriti nel CSS relativo.

Esempio:
<td width="1%" background="image/tleft.gif">[img]image/px.gif[/img]</td>

Diventa:
<td class="pippo">[img]image/px.gif[/img]</td>

Dove nel CSS ci sara`:
.pippo { width:1%; background-image:"image/tleft.gif"; }
.topol { width:8px; height:8px; }


Poi occorre vedere se la tabella e` una tabella di formattazione o di dati. Nel primo caso va eliminata e sostituita con dei <div> equivalenti.

Nel sito di HTML.it trovi un tutorial sui CSS, e nel thread "link utili" trovi alcuni riferimenti a manuali in linea che puoi usare.

Ciao
Michele

[dies]

Ciao Mich_,

grazie alla tua risposta ho risolto un problema.


Scusami se quoto solo una parte del tuo intervento

Originariamente inviato da Mich_
... Nel primo caso va eliminata e sostituita con dei <div> equivalenti.

Non riesco a "capire" come sostituire la tabella con i <div>.
In particolare non riesco a farli affiancare;
Già in passato ci ho sbattuto sopra (vedi http://forum.html.it/forum/showthrea...highlight=dies) l'unica modo con cui sono riuscito a risolvere il problema è stato quello del posizionamento ASSOLUTO.. ma appena cambia la risoluzione del monitor succede un patatrac.


grazie per l'attenzione.


dies

[Mich_]

E` importante che non ci siano misure assolute. Le misure in % sono preferibili.
Altro trucco: la somma delle misure orizzontali non deve fare 100%, ma 97% o giu` di li`: in tal modo i vari browser riescono a formattare senza "patatrac".

Nel sito www.constile.org trovi vari esempi di pagine formattate tramite <div> con CSS opportuni (ma forse questo lo avevo gia` detto).

Ciao
Michele

[dies]

Originariamente inviato da Mich_
E` importante che non ci siano misure assolute. Le misure in % sono preferibili.
Altro trucco: la somma delle misure orizzontali non deve fare 100%, ma 97% o giu` di li`: in tal modo i vari browser riescono a formattare senza "patatrac".

Nel sito www.constile.org trovi vari esempi di pagine formattate tramite <div> con CSS opportuni (ma forse questo lo avevo gia` detto).

Ciao
Michele

Interessantissimo il trucco del 97%... non lo sapevo.

Ora provo.

Grazie per tutto.

Ciao


dies