HTML: Tables?

**Nigorr** · Apr 16th, 2002, 09:42 PM

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??

**mendhak** · Apr 17th, 2002, 12:58 AM

Try this:

set their cellspacing to 0 and valign="top"
tell us what happens.

**Nigorr** · Apr 17th, 2002, 01:15 AM

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.

**mendhak** · Apr 17th, 2002, 01:36 AM

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>

**Nigorr** · Apr 17th, 2002, 01:51 AM

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"

**mendhak** · Apr 17th, 2002, 01:53 AM

so....
that's wrong or right?
sorry, but I didn't know you had done that earlier.

Aerials · Apr 17th, 2002, 04:52 PM

I dont see anything wrong

**Nigorr** · Apr 17th, 2002, 05:16 PM

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.

Aerials · Apr 17th, 2002, 06:58 PM

still dont see a difference

**Nigorr** · Apr 18th, 2002, 01:05 AM

I fixed it. see here

**mendhak** · Apr 18th, 2002, 01:30 AM

Enlighten us. I'm too lazy to view the source again.

**Nigorr** · Apr 18th, 2002, 01:52 AM

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

Thread: HTML: Tables?

Thread Tools

Display

HTML: Tables?

it does this

Thanks but...

Hmm...

Forget abou it

Well

Posting Permissions