I've been trying to code a fairly simple layout for a friend and have run into a problem already.
www.astralplanet.co.uk/test/et/index.htm
Basically, I'm trying to set up a table cell for the main content (white box is meant to be the content area), and I want this in the middle (put it this way, the vertical slogan is on the left, content area in the middle, navigaion on the right). but it keeps going to the right. And the navigation panel won't show up. How do I make the main content area go to the middle and make the navigation panel show up? I've tried this in Firefox and IE6. I'm new to coding, but have been trying to teach myself. but I'm stuck with this.
This is the code I've got so far.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Energetic Training</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="main.css" />
</head>
<body>
<table class="pageborders" align="center" width="750" border="0" cellpadding="0" cellspacing="0">
<!-- Header -->
<tr>
<td class="headerbackground" height=92><img src="http://www.astralplanet.co.uk/test/et/images/title.gif" alt="Energetic Training"></td>
<td class="headerbackground" height="92"> </td>
</tr>
<!-- END Header -->
<tr>
<td width="35" align="left" valign="top"><img src="http://www.astralplanet.co.uk/test/et/images/slogan.gif" alt="Enjoy the gift of learning..."></td>
<!-- Main Content Area -->
<td width="579" align="center" class="maincontentarea"> </td>
<!-- END Main Content Area -->
<!-- Navigation -->
<td width="136" align="right" class="navpanel"> </td>
<!-- END Navigation -->
</tr>
</table>
</body>
</html>
Would be grateful for any help.
Thanks.