#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2001
    Location
    Texas
    Posts
    20
    Rep Power
    0

    CSS overlay Tables


    I don't have an example as I can't get started without really knowing the possibility of doing this.

    But let me offer an example.


    A centered table 775 pixels wide with two columns 50% each.

    Code:
    <table width="775" border="0" cellspacing="0" cellpadding="10">
      <tr>
        <td width="50%">Text and more text</td>
        <td width="50%">and yet more text again.</td>
      </tr>
    </table>
    What I would like to do is that table be the basis of everything... it will contain lots and lots of text. But what I'd like to do is allow an overly I guess you could call it of a table that is designed like this.

    Code:
    <table width="775" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="150">Sidenote Text</td>
        <td width="475">(This would be empty to allow the view of the table undernearth. That has all the text.)</td>
        <td width="150">Sidenote Text</td>
      </tr>
    </table>
    The idea is to have a link to show sidenotes... that would be on both sides of the main table as an overlay. I don't even know the possibility. I know you can have absolute positioned tags with div and span... but it's unpredictable for anything really on the right side of the document depending on the user's resolution. Furthermore, I don't have the complete understand of all it's workings to get it to work the way I need.


    Any ideas?
  2. #2
  3. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2004
    Posts
    451
    Rep Power
    0
    are you talking about a portal? this is what i use:

    PHP Code:
    <table border="1" cellpadding="2" width="100%" cellspacing="0">
    <
    tr>
    <
    td>
    <
    table width="800" border="1" cellpadding="2">
    <
    tr>
    <
    td width="200">
    sidebar
    </td>
    <
    td width="400">
    main text
    </td>
    <
    td width="200">
    sidebar
    </td>
    </
    tr>
    </
    table>
    </
    td>
    </
    tr>
    </
    table
    its just a table the size of the screen and one inside. use valign and align for the 1st table/td to align your 800px wide table.

IMN logo majestic logo threadwatch logo seochat tools logo