Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 9 of 9
  1. #1
    Junior Member
    Join Date
    Jun 2003
    Posts
    4
    Member #
    1817
    I consider myself a fairly decent HTML coder but I just can't seem to figure this out...

    I have three tables that look like this (in ascii art):

    +--------------------------------------------+
    |
    |
    +--------------------------------------------+

    +--------+
    |
    |
    |
    |
    |
    |
    |
    +--------+

    +-------------------------------+
    |
    |
    |
    |
    |
    |
    |
    +-------------------------------+

    Now, they all fit together perfectly (as in, the top one is 20 x 100, the side one is 80 x 20 and the larger bottom one is 80 x 80) but when I put them all together in one html file, they just stack one on top of each other. If you see the shapes, you'll see that the top one is the top and the other two are supposed to fit below it.
    First of all, I tried to put the bottom two in their own table to get them to stay on the same line to no avail.
    This is a blog layout and so I need a way to put them together so that the 80 x 80 one can grow as more posts are made (I have the TR's and TD's within the table to grow them, that's not my problem).

    I know it's confusing but I don't have a place to put it online yet so I'm doing my best. Please, ask questions if you need to.

  2.  

  3. #2
    Senior Member splufdaddy's Avatar
    Join Date
    Feb 2003
    Location
    Boston, MA
    Posts
    4,488
    Member #
    735
    If you can't put the html file online yet, could you attach it to a post here? I'm a little confused what you're trying to do.

  4. #3
    Junior Member
    Join Date
    Jun 2003
    Posts
    4
    Member #
    1817
    Ok, have a look here.

    This is the page that isn't working together. You can see the individual tables and the table I put around the bottom two tables.

  5. #4
    Junior Member VolteFace's Avatar
    Join Date
    Dec 2002
    Posts
    9
    Member #
    347
    Between the two bottom tables (the left one and the big "6 more days.." one), you need to put </td><td> to separate them into their own separate cells.

    Code:
    <IMG SRC="sidetabs.jpg" WIDTH=55 HEIGHT=190 ALT=""></TD>
    	</TR>
    </TABLE>
    
    </TD>
    <TD>
    
    <TABLE WIDTH=714 BORDER=0 CELLPADDING=0 CELLSPACING=0>
    	<TR>

  6. #5
    Junior Member
    Join Date
    Feb 2003
    Location
    Washington DC
    Posts
    17
    Member #
    773
    Try the HTML in the attachment
    Elmer S.

  7. #6
    Junior Member
    Join Date
    Jun 2003
    Posts
    4
    Member #
    1817
    Still having trouble.

    First suggestion used here

    Second 'code.txt' used here

    I thought VALIGN=top would fix it but it does not!

  8. #7
    Senior Member splufdaddy's Avatar
    Join Date
    Feb 2003
    Location
    Boston, MA
    Posts
    4,488
    Member #
    735
    What you need to do is Vertical align the top, and then make a bg image of those green lines, and make the cell 100% tall. By V-aligning the top, I was able to get the top to line up perfectly, but the dark green column didn't go as far down as the light green column next to it. That's because the nav is made up of images that are fixed heights. Making the column 100% tall w/ a bg image should fix that right up.

  9. #8
    Junior Member
    Join Date
    Jun 2003
    Posts
    4
    Member #
    1817
    First of all, the left panel isn't supposed to follow the right as it decends. Second, I've valign'd just about everything and I can't get it to line up. Can you post code?

  10. #9
    Senior Member splufdaddy's Avatar
    Join Date
    Feb 2003
    Location
    Boston, MA
    Posts
    4,488
    Member #
    735
    No prob, hopefully this is what you wanted. The image sources are going to be off because I used IE's save as webpage feature. A find/replace should fix that though.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 09:28 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com