Mi scuso se sto andando OT ma non volevo aprire un topic nuovo per sottolineare una cosa: l'importanza dei CSS!
mi sono ritrovato una tabella con questo codice:
- Codice: Seleziona tutto
<table style="text-align: left; width: 550px; " border="0" cellpadding="2" cellspacing="0">
<tr>
<td width="50" height="30"></td>
<td bgcolor="#e9e9e9" width="150" align="left" valign="middle"><small><span style="font-family: Arial;"><b>Presidente</b></span></small></td>
<td bgcolor="#e9e9e9" width="250" align="left" valign="middle"><small><span style="font-family: Arial;">XXX</span></small></td>
</tr>
....
da mani nei capelli....
col CSS si lavora così:
nel CSS:
- Codice: Seleziona tutto
/* tabella direttivo */
#direttivo {border:1px solid #d8d8d8; border-collapse:collapse; line-height:1.5em; width:400px; margin:0 0 16px; padding:0;}
#direttivo tr.bianco td{background-color:#ffffff; color:#303030; font-size:1em; padding:7px; text-align:left;}
#direttivo tr.colore td{background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; color:#303030; font-size:1em; padding:7px; text-align:left;}
nell'HTML:
- Codice: Seleziona tutto
<table id="direttivo">
<tr class="colore">
<td width="10%"></td>
<td width="45%"><b>Presidente</b></td>
<td width="45%">XXX</td>
</tr>
<tr class="bianco">
<td></td>
<td><b>Vice Presidente</b></td>
<td>XXY</td>
</tr>
....
molto più pulito e personalizzabile con pochi passaggi
Buon Web-Editing a todos!