Results 1 to 3 of 3
  1. #1
    3 Star Lounger
    Join Date
    Sep 2001
    Location
    Stuck at work..., Missouri, USA
    Posts
    248
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I have a page that has a many-row table with 3 columns in it. Each column is set to 33%. but due to some graphics, the 3 columns extend off the right of the page when viewing it at lower resolutions.

    What I'd like is to just have the <td> that would go off the page wrap to the next row.

    What is the best solution? It does not need to be a table, but be warned: I know NOTHING of CSS.
    <font face="Comic Sans MS">Morgan Erickson</font face=comic>
    morgan.erickson@sprint.com
    <img src=/S/flags/USA.gif border=0 alt=USA width=30 height=18>-From <img src=/S/flags/Colorado.gif border=0 alt=Colorado width=30 height=18> but living in <img src=/S/flags/Missouri.gif border=0 alt=Missouri width=30 height=18>...and working in Kansas.

  2. #2
    Super Moderator
    Join Date
    Jun 2002
    Location
    Mt Macedon, Victoria, Australia
    Posts
    3,993
    Thanks
    1
    Thanked 45 Times in 44 Posts
    [quote name='Abraxus' post='777099' date='27-May-2009 12:12']I have a page that has a many-row table with 3 columns in it. Each column is set to 33%. but due to some graphics, the 3 columns extend off the right of the page when viewing it at lower resolutions.

    What I'd like is to just have the <td> that would go off the page wrap to the next row.

    What is the best solution? It does not need to be a table, but be warned: I know NOTHING of CSS.[/quote]
    Does this do what you want?

    Code:
    <table width="99%" cellspacing="2" cellpadding="2" border="0">
    <tr>
    	<td width="220">a</td>
    	<td width="200">b</td>
    	<td>c</td>
    </tr>
    ie. specify that the table takes up nearly all the screen, then put a fixed width on the first two columns. The third column will then adjust itself to use the available space.
    Regards
    John



  3. #3
    Super Moderator jscher2000's Avatar
    Join Date
    Feb 2001
    Location
    Silicon Valley, USA
    Posts
    23,112
    Thanks
    5
    Thanked 93 Times in 89 Posts
    [quote name='Abraxus' post='777099' date='26-May-2009 18:12']What I'd like is to just have the <td> that would go off the page wrap to the next row.[/quote]
    You can't move a cell to a new row; that would violate the whole idea of a table as a grid of rows and columns.

    However, you can position items side-by-side by floating them. If you float 3 boxes in a space that only can accommodate 2, then the third will drop to the next line. Floated layouts reposition elements automatically, but if you want them to line up attractively, they can be a bit tricky to set up.

    For more specific assistance, can you post a link to the current page or paste it into a Word document (with images) so folks can see what you're working with?

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •