Laying out tables

**dntel** · 01-31-2012 06:23 AM

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

**OctoberWind** · 01-31-2012 07:10 AM

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

**dntel** · 01-31-2012 07:45 AM

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!

**coothead** · 01-31-2012 07:53 AM

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

**dntel** · 02-01-2012 02:39 AM

Originally Posted by coothead

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!

**coothead** · 02-01-2012 04:15 AM

Hi there dntel,

....I live in Weybridge haha!

Oooooo that's posh.

I bet that your have an electric computer as well.

coothead

Thread: Laying out tables

Thread Tools

Display

Laying out tables

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions