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 6 of 6
  1. #1
    Junior Member
    Join Date
    May 2007
    Posts
    4
    Member #
    15188
    Hi,

    I'm having problems laying out a table for this web page. I have tried valign on rows,columns and tables. But I still see a big gap in between the banner and the content shown below.

    http://www.wintecind.com/new_web_des...utside_usa.htm

  2.  

  3. #2
    Member
    Join Date
    Apr 2007
    Posts
    96
    Member #
    15165
    I believe the problem lies with the rowspan set in a different table cell. I actually think you should start over with the way these tables are nested inside each other. Instead of using rowspan, try a layout like this

    Code:
    <table>
        <tr>
            <td>Another table containing log, home, distribution link</td>
        </tr>
        <tr>
            <td>Another table containing nav links</td>
        </tr>
        <tr>
            <td><table>
                <tr>
                    <td>Another table containing Where to buy nav links</td>
                    <td>Another table containing Wehre to buy graphic Authorized Distributors</td>
                </tr>
            </table></td>
        </tr>
        <tr>
            <td>Copyright info</td>
        </tr>
    </table>

  4. #3
    Senior Member -chris-'s Avatar
    Join Date
    Apr 2006
    Location
    SK
    Posts
    1,205
    Member #
    13102
    Quote Originally Posted by kingmundi
    I believe the problem lies with the rowspan set in a different table cell. I actually think you should start over with the way these tables are nested inside each other. Instead of using rowspan, try a layout like this
    Or scrap tables all together, and use CSS!

    Check karinne's thread for some great resources on CSS.
    Portfolio | Blog | Twitter

    Was my post, or someone elses, helpful? Click the thumbs up to let everyone know!

  5. #4
    Senior Member raspberryh's Avatar
    Join Date
    Aug 2004
    Location
    Erie, PA
    Posts
    882
    Member #
    7208
    Liked
    1 times
    On line 401, change

    HTML Code:
    <td width="630" align="right" valign="top"><table bgcolor="#cccccc" border="0" cellpadding="0" cellspacing="1" width="630">
    to

    HTML Code:
    <td width="630" height="48" align="right" valign="top"><table bgcolor="#cccccc" border="0" cellpadding="0" cellspacing="1" width="630">
    ... the table cell containing the table that contains the image needs a specified height...
    choosy developers choose gif!
    website | paintings | blog

  6. #5
    Member
    Join Date
    Apr 2007
    Posts
    96
    Member #
    15165
    Quote Originally Posted by -chris-
    Or scrap tables all together, and use CSS!

    Check karinne's thread for some great resources on CSS.
    For this particular webpage, I would agree.
    However, if you want to do a 3 column layout where each column knows and expands to the height of each other, you have to jump through many hoops in css. Which makes it harder to implement, debug, and reuse.

    The latest versionof css addresses this issue through the table-layout style. (it won't work in most browsers) So, after all these years of people arguing over tables and css, is it not silly when css came around and added attributes to mimic tables exactly.

  7. #6
    Senior Member Steax's Avatar
    Join Date
    Dec 2006
    Location
    Bandung, Indonesia
    Posts
    1,207
    Member #
    14572
    Table-layout it might be in the display, but not in the markup! For me, half the importance of CSS layouting is the fact that it means clearer markup. Thats something tables just can't achieve.

    And sometimes I'm annoyed by a single extra <div>...
    Note on code: If I give code, please note that it is simply sample code to demonstrate an effect. It is not meant to be used as-is; that is the programmer's job. I am not responsible to give you support or be held liable for anything that happens when using my code.


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 02:59 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com