-
Table problem
Hi,
I need some help. I don't understand why the columns of this table are not seperated :
Code:
<!DOCTYPE html>
<html lang="en"><head>
</head>
<body>
<table style='table-layout:fixed' border="0" bordercolor="" style="background-color:" width="320" cellpadding="2" cellspacing="2"><tr>
<td width="100%" ><font size=4>#>t</font></td>
</tr>
<tr>
<td width="100%" ><font size=4>#Number </font></td>
</tr>
<tr>
<td width="100%" ><font size=4>#a</font></td>
<td width="100%" ><font size=4>b</font></td>
<td width="100%" ><font size=4>c</font></td>
</tr>
<tr>
<td width="100%" ><font size=4>1</font></td>
<td width="100%" ><font size=4>8</font></td>
<td width="100%" ><font size=4>XXXXX</font></td>
</tr>
</body></html>
how to seperate columns ??
thanx
baxy
-
You should do it within a separate CSS file here you go:
Simply make the number in cell spacing larger:
cellspacing="2"
Code:
<!DOCTYPE html>
<html lang="en"><head>
</head>
<body>
<table style='table-layout:fixed' border="0" cellspacing="66" bordercolor="" style="background-color:" width="320" cellpadding="2" ><tr>
<td width="100%" ><font size=4>4444444444</font></td>
</tr>
<tr>
<td width="100%" ><font size=4>444444444</font></td>
</tr>
<tr>
<td width="100%" ><font size=4>44444444</font></td>
<td width="100%" ><font size=4>444444444</font></td>
<td width="100%" ><font size=4>444444444</font></td>
</tr>
<tr>
<td width="100%" ><font size=4>44444444444</font></td>
<td width="100%" ><font size=4>44444444444</font></td>
<td width="100%" ><font size=4>444444444</font></td>
</tr>
</body></html>
-
As theyoker said,
You can do that easily with a separate CSS file.
Padding - the distance between your text/object and the border.
Spacing (margin in CSS) - the distance between the cells.
cellspacing="10", for example, would give you a much bigger distance between cells.
