Resize table

  • Thread starter Thread starter JL
  • Start date Start date
J

JL

I'm novice. I use tables for my page's layout. So after merge and split
cells, I found sometimes it's really hard to resize a cell as I wanted:
1. A cell can't be resized smaller even there is no content in that cell.
2. When I only want to resize a cell, it affected some other cells in the
"same" row for example even they are splited and not really the same row.

I suspect there is some settings I haven't done properly. Please give me
some advices.
 
HI! look in code view as you may find that in the <TD> table data is a space
that you might have to remove as it puts it there by default so the cell
will not collapse. eg.." <td colspan="4" class="Bottomredcell">&nbsp;</td>"

In the above example there is a &nbsp; with is a space which will prevent
you from setting your cell below this width,

as for the cells. the cell will always line up even if there is no visible
line up.

EG. think of two columns with two cell each. if you put the first two
columns cells ( up down) at 50% each then the second column will also be 50%
each or 1 at 100% or 25% x 4 but you cannot use 36% and the other at 64%
because it would be not of equal value.

To bet around this you can created another table within that cell that is
going to be of a new value ( like 36% 64% ) at the this point the cell
because independent of the other because its in its own table.

Here is an example if what I am talking about. copy this to a new page and
check it out.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>

<body>
<table width="741" height="400" border="0">
<tr>
<td width="280" height="200" bgcolor="#0000FF">Cell 1 </td>
<td width="451" rowspan="2"><table width="100%" height="100%" border="0"
cellpadding="0" cellspacing="0">
<tr>
<td width="100%" height="180" bgcolor="#0033FF">Cell 1</td>
</tr>
<tr>
<td height="220" bgcolor="#33CC66">Cell 2</td>
</tr>
<tr>
<td height="34%"></td>
</tr>
</table></td>
</tr>
<tr>
<td height="200" bgcolor="#00CC66">Cell 2 </td>
</tr>
</table>
</body>
</html>


Hope this helps :)


Paul
 
Back
Top