getting balance between tables?

Discussion in 'HTML & Website Design' started by Mia, Oct 20, 2005.

  1. #1
    Hello, I have a web site I am developing that needs to have the body copy on the right and nav bar on the left aligned at the same height on every page of the site. I have a couple columns using tables in an attempt to do this but am not having any luck. The larger amount of copy in the second column pushes the side nav image on the left column down. How can I keep two different sizes of text/images in two columns (left/right) aligned to the TOP jutified?

    Here is the link to one of th pages on the site for an example: http://www.mia.net/clearwatertest/bridalservices.html

    Thanx
     
    Mia, Oct 20, 2005 IP
  2. dave487

    dave487 Peon

    Messages:
    701
    Likes Received:
    20
    Best Answers:
    0
    Trophy Points:
    0
    #2
    not quite sure what you mean but try changing the td tags to include valign="top"

    You could also add a style="padding-top:10px;" if you wanted to add some space above the where the text starts in each column.
     
    dave487, Oct 24, 2005 IP
  3. mdvaldosta

    mdvaldosta Peon

    Messages:
    4,079
    Likes Received:
    362
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I had the same problem you did with my site. To fix it I had to nest some tables and use valign="top". You can look at my source code HERE. There is probably a better way but this is how I did it and it works great.
     
    mdvaldosta, Oct 24, 2005 IP
  4. Amsterdam

    Amsterdam Well-Known Member

    Messages:
    361
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    128
    #4
    If you use <tr valign="top"> then you don't have to repeat it for each <td>

    Works for me ;o)

    T
     
    Amsterdam, Oct 24, 2005 IP