www.webdeveloper.com
Results 1 to 4 of 4

Thread: Table Help

  1. #1
    Join Date
    Nov 2002
    Posts
    2

    Question Table Help

    I'm trying to create a table that's situated in the bottum-right corner of the page, with the page's text flowing around it. In short, I don't know how to do this. Any help would be greatly appreciated.
    Yours Hastily, Bregalad

  2. #2
    Join Date
    Nov 2002
    Posts
    18
    Hi Bregalad,

    I'm sure there are better ways to do this, probably with css, but this method works.

    Enter all of your page content, minus the table. Open the page in a browser and scroll to the bottom of the page. Decide approx. where you'd like the table to appear and see what text will be next to it. Back in your editor, scroll down to the text you chose to be next to the table. Add your table just above that text. You'll have to specify a table size, and align="right", or the table will sprawl all over the place. Your markup will look like this:

    <p>content</p>

    <p>content</p>

    <p>content</p>

    <p>content</p>

    <p>content</p>


    <table cellpadding="5" cellspacing="0" width="200" align="right">
    <tr>
    <td>table content</td>
    </tr>
    </table>
    <p>where you want your table</P>

    Notice I've used a width set in pixels. You could also specify the width as a percentage. width="30%"

  3. #3
    Join Date
    Nov 2002
    Posts
    2
    Thanks, I'll try that. But won't the table appear in a different place depending on the size of the screen viewing it?
    Hmm... Somehow this has ended up being alot more complicated than it seems like it should be.
    Yours Hastily, Bregalad

  4. #4
    Join Date
    Nov 2002
    Posts
    984

    Re: Table Help

    Originally posted by Bregalad
    I'm trying to create a table that's situated in the bottum-right corner of the page, with the page's text flowing around it.
    This is troublesome yes. The only HTML/CSS way of moving something to always be at a specifc place is to use positioning.
    However positioning also removes the object from the flow of the page (ie puts it in another "layer").

    When it is in another "layer" the page text won't flow around it.

    In short, you are looking at some really complex DHTML to create the exact effect you want.
    // Stefan Huszics

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