Resize table

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.
 
P

Paul

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
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top