HTML Table Layouts for Pages help

pes4rules11 · Oct 30, 2006

Hi

I want to make a website with the layout of it in tables ie so i can have a navbar down the side, a banner, main content and affiliates. All them parts.

Thing is, i always seem to muck it up. So can someone help me please with it? thanks

Oh and another thing. Please, please, please...No posts saying something like 'pfft tables layouts are dead, use css' because I'm not using css, i dont want to...

pes4rules11 · Oct 30, 2006

anyone? pls

TheDoug · Oct 30, 2006

Here's a good resource:

http://www.w3.org/TR/html4/struct/tables.html

Quick and dirty:

<table border=1 width=90%>
<th align=center colspan=3>Some banner stuff</th>
<tr>
<td align=center colspan=3>Some header stuff</td>
</tr>
<tr>
<td width=120 valign=top>Some navbar stuff</td>
<td>Some main content</td>
<td width=120 valign=top>Some affiliate stuff</td>
</tr>
</table>

pipamoz · Nov 3, 2006

why not make several pages,
put one table on each page,
then use a frameset to arrange pages...

example (click on link then choose view source, website is made of 3 frames): www.spatulagroup.com

pipamoz · Nov 3, 2006

Or, paste all of the following code into a blank page:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="author" content="Put your name here" />
<title>Put your title here</title>
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" height="100%">
<tr height="100%">
<td align="center" valign="middle" width="100%" height="100%">
<div align="center">
<table border=1 align="center">
<tr height="60">
<th rowspan="3" align="center" valign="top" width="109">
<table width="109" border="0" cellspacing="2" cellpadding="0">
<tr>
<td>nav 01</td>
</tr>
<tr>
<td>nav 02</td>
</tr>
<tr>
<td>nav 03</td>
</tr>
<tr>
<td>nav 04</td>
</tr>
<tr>
<td>nav 05</td>
</tr>
<tr>
<td>nav 06</td>
</tr>
</table>
</th>
<td align="center" valign="top" width="600" height="60">Put your title and/or logo here</td>
<td rowspan="3" align="center" valign="top" width="109">
<table width="109" border="0" cellspacing="2" cellpadding="0">
<tr>
<td>affiliate 01</td>
</tr>
<tr>
<td>affiliate 02</td>
</tr>
<tr>
<td>affiliate 03</td>
</tr>
<tr>
<td>affiliate 04</td>
</tr>
<tr>
<td>affiliate 05</td>
</tr>
<tr>
<td>affiliate 06</td>
</tr>
</table>
</td>
</tr>
<tr height="400">
<td rowspan="2" align="center" valign="top" width="600">space for main content
<p>or use an inline frame ie:</p>
<p>
<iframe id="main" name="main" src="content01.html" height="300" width="600"></iframe>
</p>
</td>
</tr>
<tr></tr>
</table>
</div>
</td>
</tr>
</table>
</body>

</html>

Mada_Milty · Dec 13, 2006

pes4rules11 said:

Oh and another thing. Please, please, please...No posts saying something like 'pfft tables layouts are dead, use css' because I'm not using css, i dont want to...
Click to expand...

I know you don't want to hear this, but CSS IS the way to go. I was using table layouts, and it's totally bit me in the butt.

Here's why... some browsers (INTERNET EXPLORER - its MAJOR) just won't render your tables correctly... I now have to re-do my entire layout.... I'm seriously pissed!

Log in or Sign up

HTML Table Layouts for Pages help

pes4rules11 Private E-2

pes4rules11 Private E-2

TheDoug MajorGeek

pipamoz Private E-2

pipamoz Private E-2

Mada_Milty MajorGeek