www.webdeveloper.com
Results 1 to 6 of 6

Thread: Laying out tables

  1. #1
    Join Date
    Jun 2007
    Posts
    96

    Laying out tables

    Hi Guys,

    I'm ok at HTML but positioning is my problem here just want to know if I can layout a table like so:

    Image in thread attached.

    I can build the individual tables pretty easy its just getting them like the diagram

    Any help / pointers is appreciated - preferably without css
    Attached Images Attached Images

  2. #2
    Join Date
    Jul 2007
    Location
    Wisconsin
    Posts
    468
    I would probably build it out of three tables. My first table would 3 wide, 2 high; The first row is colspan=3, the second row is just three td's; the first td is left alone, the second td holds a 1x4 table, and the third td holds a 4x3 table.

    What are you displaying in this table? If you're using it for page layout, I would advise you stop now, and work on figuring it out vis css; floats and relative positioning.

    If you're just displaying "tabular data", I'd be curious as to what type of data is fitting into a structure such as this

  3. #3
    Join Date
    Jun 2007
    Posts
    96
    I'm just going to pop weather forecast in there which I'm pulling in from an XML feed, if I was making a site I'd use CSS

    This is going to go in an email though so needs to be tabular. Thanks for the help though!

  4. #4
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,458
    Hi there dntel,

    Here is the code for the basic table layout...
    Code:
    
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="language" content="english"> 
    <meta http-equiv="Content-Style-Type" content="text/css">
    
    <title>table layout</title>
    
    </head>
    <body>
    
    <table border="1"><tr>
     <th colspan="6">header</th>
    </tr><tr>
     <td rowspan="4">data</td>
    </tr><tr>
    <td rowspan="3">
      <table border="1"><tr>
       <td>data</td>
      </tr><tr>
       <td>data</td>
      </tr><tr>
       <td>data</td>
      </tr><tr>
       <td>data</td>
      </tr></table>
    </td>
     <td>data</td>
     <td>data</td>
     <td>data</td>
     <td>data</td>
    </tr><tr>
     <td>data</td>
     <td>data</td>
     <td>data</td>
     <td>data</td>
    </tr><tr>
     <td>data</td>
     <td>data</td>
     <td>data</td>
     <td>data</td>
    </tr></table>
    
    </body>
    </html>
    
    cotthead

  5. #5
    Join Date
    Jun 2007
    Posts
    96
    Quote Originally Posted by coothead View Post
    Hi there dntel,

    Here is the code for the basic table layout...
    Code:
    
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="language" content="english"> 
    <meta http-equiv="Content-Style-Type" content="text/css">
    
    <title>table layout</title>
    
    </head>
    <body>
    
    <table border="1"><tr>
     <th colspan="6">header</th>
    </tr><tr>
     <td rowspan="4">data</td>
    </tr><tr>
    <td rowspan="3">
      <table border="1"><tr>
       <td>data</td>
      </tr><tr>
       <td>data</td>
      </tr><tr>
       <td>data</td>
      </tr><tr>
       <td>data</td>
      </tr></table>
    </td>
     <td>data</td>
     <td>data</td>
     <td>data</td>
     <td>data</td>
    </tr><tr>
     <td>data</td>
     <td>data</td>
     <td>data</td>
     <td>data</td>
    </tr><tr>
     <td>data</td>
     <td>data</td>
     <td>data</td>
     <td>data</td>
    </tr></table>
    
    </body>
    </html>
    
    cotthead
    Thanks a lot - that's almost where I was but your example helped! As if you live in Chertsey - I live in Weybridge haha!

  6. #6
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,458
    Hi there dntel,
    ....I live in Weybridge haha!
    Oooooo that's posh.

    I bet that your have an electric computer as well.

    coothead

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