I am making an asp driven site and have come up with this standard design:
Click here to see
As you can see, on blank2.html, I need the column 1's rows to stay at the same height as is one blank1.html.
So how do I do it??
Printable View
I am making an asp driven site and have come up with this standard design:
Click here to see
As you can see, on blank2.html, I need the column 1's rows to stay at the same height as is one blank1.html.
So how do I do it??
Try this:
set their cellspacing to 0 and valign="top"
tell us what happens.
Absolutly nothing, as far as what i want to do. All it does is remove the spaces I have purposely put in between the tables so they are not touching each other. as can be seen Here
valign can only be used in the <tr> & <td> tags and I am already using it in the <td> tag so it makes now difference if i add it to the <tr> tag as well, as you can see.
I changed some stuff around, so just remove whateve I changed, but otherwise, it should show you what you want to see.
HTH....
Code:<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0" valign="top">
<!--Start Row: 1-->
<tr valign="top" cellspacing="0" cellpadding="0">
<!--Start Column: 1-->
<td valign="top" width="100" height="200">
<table width="100" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
<tr>
<td class="Title">
Title
</td>
</tr>
<tr>
<td class="Body">
<a href="blank1.html">Blank 1</a><br>
<a href="blank2.html">Blank 2</a><br>
<a href="blank3.html">Blank 3</a><br>
</td>
</tr>
</table>
<table width="100" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
<tr>
<td class="Title">
Title
</td>
</tr>
<tr>
<td class="Body">
Some Text<br>
</td>
</tr>
</table>
<table width="100" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
<tr>
<td class="Title">
Title
</td>
</tr>
<tr>
<td class="Body">
Some Text<br>
Some Text<br>
</td>
</tr>
</table>
<table width="100" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
<tr>
<td class="Title">
Title
</td>
</tr>
<tr>
<td class="Body">
Some Text<br>
</td>
</tr>
</table>
</td>
<!-- End Column: 1-->
<!--Start Column: 2-->
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
<tr>
<td class="Title">
Title
</td>
</tr>
<tr>
<td class="Body" align="center">
<form>
<textarea cols="75" rows="30">As you can see the use of cellspacing=0 removes the spaces I put in there, also valign in <tr> tag does nothing.
</textarea>
</form>
</td>
</tr>
</table>
</td>
<!--End Column: 2-->
<!--Start Column: 3-->
<td valign="top" width="100">
<table width="100" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
<tr>
<td class="Title">
Title
</td>
</tr>
<tr>
<td class="Body">
Mendhak Rulz<br>
Frogz r Cool<br>
</td>
</tr>
</table>
</td>
<!--End Column: 3-->
</tr>
<!--End Row: 1-->
<!--Start Row: 2--><!--End Row: 2-->
<!--Start Row: 3--><!--End Row: 3-->
<!--Start Row: 4--><!--End Row: 4-->
</table>
</body>
</html>
I could of done that, in fact I did do it that way the first time. The reason I am not doing it that way is because it all bunches up with no gaps, which is what I want, hence the use of cellspacing="6"
so....
that's wrong or right?
sorry, but I didn't know you had done that earlier.
I dont see anything wrong :confused:
look Here. Everything is good then click on the link for blank2. Everything is not good the left panel things are all spaced out. Not what I want to happen. It should stay the same as is on blank1.
still dont see a difference
I fixed it. see here
Enlighten us. I'm too lazy to view the source again.
Didn't use cellspacing just
One big table 5 Rows, 3 Columns
Row1: Title spans 3 cols
Row2: Spacer 5px high spans 3 cols
Row3: Col1, Col2, Col3
Row4: Spacer 5px high spans 3 cols
Row5: Footer spans 3 cols
Col1: width 130px Table1
Col2: width not specified Table2
Col3: width 130px Table3
Table1: width 110px align center
Table2: width 100%
Table3: width 110px align center