PDA

View Full Version : HTML e Tabelle

LuPellox85
21-01-2004, 17:00
<table width="750" height="600" cellspacing="0" >
<tr>
<td height="68" bgcolor="#FFFFFF" bordercolor="#FFFFFF" >&nbsp;</td>
<td height="68" colspan="2" bgcolor="#FFFFFF" >&nbsp;</td>
</tr>
<tr>
<td height="35" colspan="3" bgcolor="#FFFFFF" bordercolor="#FFFFFF" >&nbsp;</td>
</tr>
<tr>
<td height="452" width="112" bgcolor="#FFFFFF" bordercolor="#FFFFFF" >&nbsp;</td>
<td height="452" width="492" bgcolor="#FFFFFF" bordercolor="#0066FF" border="1" >&nbsp;</td>
<td height="452" width="132" bgcolor="#FFFFFF" cellspacing="0" >&nbsp;</td>
</tr>
<tr>
<td colspan="3" bgcolor="#FFFFFF" cellspacing="0" >&nbsp;</td>
</tr>
</table>

con questa tabella il cellspace è a 0 e pure i bordi.. quindi non c'è alcun bordo.
se io volessi far vedere solo il bordo inferiore di una cella, o solo quello destro.. sarebbe possibile farlo?
cionci
21-01-2004, 17:16
Sì, ma con gli Stle Sheet...
LuPellox85
21-01-2004, 17:43
Originariamente inviato da cionci
Sì, ma con gli Stle Sheet...

aspetta... questo è difficile..
prova a spiegare in 2 parole come si fa :P
cionci
21-01-2004, 18:51
<table width="750" height="600" cellspacing="0" style="border-left: 1 solid Black; border-bottom: 1 solid Black; border-top: 1 solid Black;">
<tr>
<td height="68" bgcolor="#FFFFFF">&nbsp;</td>
<td height="68" colspan="2" bgcolor="#FFFFFF" >&nbsp;</td>
</tr>
<tr>
<td height="35" colspan="3" bgcolor="#FFFFFF">&nbsp;</td>
</tr>
<tr>
<td height="452" width="112" bgcolor="#FFFFFF" style="border-left: 1 solid Black; border-bottom: 1 solid Black; border-top: 1 solid Black;">&nbsp;</td>
<td height="452" width="492" bgcolor="#FFFFFF" style="border-left: 1 solid Black; border-bottom: 1 solid Black; border-top: 1 solid Black;">&nbsp;</td>
<td height="452" width="132" bgcolor="#FFFFFF" cellspacing="0" >&nbsp;</td>
</tr>
<tr>
<td colspan="3" bgcolor="#FFFFFF" cellspacing="0" >&nbsp;</td>
</tr>
</table>
cionci
21-01-2004, 18:56
Attenzione che gli Style Sheet possono essere rinchiusi in un file esterno con estensione .css e linkato all'interno del docmento con questo codice (da mettere interno al tag HEAD)....

<link rel="stylesheet" href="nomefile.css">

Il contenuto del foglio di stile in questo caso sarebbe:

.tabellaSenzaBordoDx {
border-left: 1 solid Black;
border-bottom: 1 solid Black;
border-top: 1 solid Black;
}

Ed il file HTML modificato (oltre al tag sopra):

<table width="750" height="600" cellspacing="0" class="tabellaSenzaBordoDx">
<tr>
<td height="68" bgcolor="#FFFFFF">&nbsp;</td>
<td height="68" colspan="2" bgcolor="#FFFFFF" >&nbsp;</td>
</tr>
<tr>
<td height="35" colspan="3" bgcolor="#FFFFFF">&nbsp;</td>
</tr>
<tr>
<td height="452" width="112" bgcolor="#FFFFFF" class="tabellaSenzaBordoDx">&nbsp;</td>
<td height="452" width="492" bgcolor="#FFFFFF" class="tabellaSenzaBordoDx">&nbsp;</td>
<td height="452" width="132" bgcolor="#FFFFFF" cellspacing="0" >&nbsp;</td>
</tr>
<tr>
<td colspan="3" bgcolor="#FFFFFF" cellspacing="0" >&nbsp;</td>
</tr>
</table>