www.webdeveloper.com
Results 1 to 7 of 7

Thread: Table alignment help!!

  1. #1
    Join Date
    Dec 2002
    Posts
    216

    Table alignment help!!

    how do I put three different tables on the same lign? The first table is automatically on the left, the other one I put align=right. But the third one doesn't want to be in the center of the two others. It goes on the left bottom.
    how do i do it go in the center of the two others?

    Please help!!

  2. #2
    Join Date
    Nov 2002
    Location
    Dartmoor [Holiday]
    Posts
    2,382
    The easiest way is probably to use another table to contain the three smaller ones. Bear in mind, though, that tables don't display until the </table> tag is reached so pages may take a long time to display. You could probably do this better using CSS, but here goes:

    Code:
    <table width="100%"><tr>
     <td width="33%" align="left"><table>(Code for left table)</table>
     <td width="33%" align="center"><table>(Code for middle table)</table>
     <td width="33%" align="right"><table>(Code for right table)</table>
    </tr></table>
    If your tables are of different widths this might cause problems. As I say, researching CSS would probably be the best option. You might be able to do something using the float option.

    Adam

  3. #3
    Join Date
    Nov 2002
    Posts
    984
    If you have a width on the tables just do something like this:


    <table style="width:100px; float:left;">...</table>
    <table style="width:100px; float:left;">...</table>
    <table>...</table>

    BTW, I hope those tables of yours are really tables and not just a way to get borders around your page content. If it is you've been a bad boy and Santa aint going to give you any presents this year

  4. #4
    Join Date
    Dec 2002
    Posts
    216
    stefan,

    i really don't understand what you mean by putting borders around my page... what's wrong if ever I do it?

    Anyway thank you for your suggestion.

  5. #5
    Join Date
    Dec 2002
    Location
    Switzerland
    Posts
    428
    Use the code from adam, it is safe and works on all browsers!

  6. #6
    Join Date
    Nov 2002
    Posts
    984
    Originally posted by swon
    Use the code from adam, it is safe and works on all browsers!
    Of cource neighter of those statements are correct.
    Try eg with Lynx.
    It also potenially makes the page very hard to read with a screenreader.

    CSS isn't 100% safe nor work in all browsers either, but I'm not claiming that either

  7. #7
    Join Date
    Dec 2002
    Location
    Perth, Western Australia
    Posts
    55

    don't be a ninny, use CSS.

    A good friend of mine is a screen reader and he likes looking at tables no more than I do, when I read your code.

    Anyway, the CSS way is much more intuitive and easier to use, because your objects have independence and you don't need to scramble your tables to add a little design fix later on.

    ...I say that because I've been through both tables and CSS. My tables went as deep as five level-nestedness for accurate positioning and for total subdivision of images to optimize them better with a gif compressor. But what a fool I've been. PNG is lossless - 100% true colour quality and it replaced my connectionbusting army of 50+ gifs with a net reduction in size of about 60%.

    hmm trailing off here, but check out http://burnallgifs.org/.

    Good luck with your tables.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles