SitePoint Sponsor

User Tag List

Results 1 to 5 of 5

Thread: table problem

  1. #1
    SitePoint Member
    Join Date
    Oct 2011
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question table problem

    I'm really struggling with a table i want to create

    the 1st column will have 5 rows,
    the 2nd column will be 1 row with equal height of the left 5 rows,
    and the 3rd column will have 4 rows, with total height of the other two columns.

    please help me out...

    thnx in advance

  2. #2
    SitePoint Wizard silver trophy TheOriginalH's Avatar
    Join Date
    Aug 2000
    Location
    Thailand
    Posts
    4,810
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Is this table to hold tabular data? By the logic presented, that seems unlikely. I don't think you can achieve your third column with equally spaced rows, which is what leads me to the conclusion.

    You can have a third column with 4 rows, but would need to decide which one would be the height of two rows from the first column. Failing that, you would need to nest a table in the third column to achieve the layout, but you would be entering realms where CSS should certainly be used instead unless you are coding HTML email...
    ~The Artist Latterly Known as Crazy Hamster~
    922ee590a26bd62eb9b33cf2877a00df
    Currently delving into Django, GIT & CentOS

  3. #3
    SitePoint Member
    Join Date
    Oct 2011
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thnx 4 reply,

    if that is not possible,
    at least show me the way to do 5-1-5 rows..

    thnx again

  4. #4
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,882
    Mentioned
    122 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by mazhar1986 View Post
    thnx 4 reply,

    if that is not possible,
    at least show me the way to do 5-1-5 rows..

    thnx again
    That one is easy

    HTML Code:
    <table>
    <tr><td></td>
        <td rowspan="5"></td>
        <td></td></tr>
    <tr><td></td>
        <td></td></tr>
    <tr><td></td>
        <td></td></tr>
    <tr><td></td>
        <td></td></tr>
    <tr><td></td>
        <td></td></tr>
    </table>
    If you wanted to make one of the cells in the final column double-height, you would add rowspan="2" to the <td>, and then leave out the second <td></td> from the next row.

  5. #5
    SitePoint Member
    Join Date
    Oct 2011
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    luv u "Stevie D",

    thanks A LOT!!!


Bookmarks

Posting Permissions

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