HTML Help

nofic · Joined: 04 Aug 2008 Posts: 1

Hi, I'm new to these forums, and a little rusty with HTML, it's been a couple years. Now I'm making a website, and I'm nearly done, but the main table, where it says "This table refuses to stretch" won't stretch all the way width-wise, only height-wise. I have it at 100% width, so i don't understand why it isn't 100%...

Can anyone tell me what I'm doing wrong please? I would very much appreciate any help.

Here's the code

Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>Glaxius</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="description" content="">
<meta name="keywords" content="">
<style type="text/css">

a:link {text-decoration: none;}
a:visited {text-decoration: none;}

a:hover {text-decoration: none; color:#C4C4C4;}

body{
scrollbar-arrow-color: #000000;
scrollbar-3dlight-color: #808080;
scrollbar-highlight-color: #ACA899;
scrollbar-face-color: #808080;
scrollbar-shadow-color: #ACA899;
scrollbar-darkshadow-color: #808080;
scrollbar-track-color: #808080;
}

</style>
</head>
<body bgcolor="#000000" text="#000000" link="#808080" vlink="#808080" alink="#808080" leftmargin="0" topmargin="0">

<table border="0" cellpadding="0" cellpadding="0" width="100%" height="100%" align="left" valign="top">
<tr>
<td>

<table id="Top Left Banner" width="" height="" border="0" cellpadding="0" cellspacing="0" align="left" valign="top" bgcolor="303030">

<tr>

   <td colspan="2">
      <img src="topleftbanner/images/glaxiustopleft.gif" width="180" height="71" alt="" border="0"></td>

</tr>
<tr>
   <td>
      <a href="glaxius.html"><img src="topleftbanner/images/home.gif" width="81" height="29" alt="" border="0"></a></td>
   <td>
      <a href="forums.html"><img src="topleftbanner/images/forums.gif" width="99" height="29" alt="" border="0"></a></td>
</tr>

</table>

<table id="Table_01" width="596" height="101" border="0" cellpadding="0" cellspacing="0" align="left" valign="top" bgcolor="303030">
<tr>
   <td colspan="9">
      <img src="banner/images/banner_01.gif" width="595" height="2" alt=""></td>
   <td>
      <img src="banner/images/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
   <td rowspan="6">
      <img src="banner/images/banner_02.gif" width="16" height="98" alt=""></td>
   <td rowspan="5">
      <img src="banner/images/avatar.gif" width="97" height="97" alt=""></td>
   <td colspan="7">
      <img src="banner/images/banner_04.gif" width="482" height="9" alt=""></td>
   <td>
      <img src="banner/images/spacer.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
   <td rowspan="5">
      <img src="banner/images/banner_05.gif" width="18" height="89" alt=""></td>
   <td colspan="3" background="banner/images/typename.gif" width="197" height="16">
      <font size="1" face="arial">Username</td>
   <td colspan="3" rowspan="2">
      <img src="banner/images/banner_07.gif" width="267" height="25" alt=""></td>
   <td>
      <img src="banner/images/spacer.gif" width="1" height="16" alt=""></td>
</tr>
<tr>
   <td colspan="3">
      <img src="banner/images/banner_08.gif" width="197" height="9" alt=""></td>
   <td>
      <img src="images/spacer.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
   <td rowspan="3">
      <img src="banner/images/banner_09.gif" width="48" height="64" alt=""></td>
   <td background="banner/images/type1.gif" width="91" height="45">
      <font size="1" face="arial">
      age
      <br />
      type
      <br />
      rank

      </td>
   <td colspan="2" rowspan="3">
      <img src="banner/images/banner_11.gif" width="98" height="64" alt=""></td>
   <td background="banner/images/type2.gif" width="90" height="45">
      <font size="1" face="arial">
      timezone
      <br />
      rank
      <br />
      rating


      </td>
   <td rowspan="3">
      <img src="banner/images/banner_13.gif" width="137" height="64" alt=""></td>
   <td>
      <img src="banner/images/spacer.gif" width="1" height="45" alt=""></td>
</tr>
<tr>
   <td rowspan="2">
      <img src="banner/images/banner_14.gif" width="91" height="19" alt=""></td>
   <td rowspan="2">
      <img src="banner/images/banner_15.gif" width="90" height="19" alt=""></td>
   <td>
      <img src="banner/images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
   <td>
      <img src="banner/images/banner_16.gif" width="97" height="1" alt=""></td>
   <td>
      <img src="banner/images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
   <td>
      <img src="banner/images/spacer.gif" width="16" height="1" alt=""></td>
   <td>
      <img src="banner/images/spacer.gif" width="97" height="1" alt=""></td>
   <td>
      <img src="banner/images/spacer.gif" width="18" height="1" alt=""></td>
   <td>
      <img src="banner/images/spacer.gif" width="48" height="1" alt=""></td>
   <td>
      <img src="banner/images/spacer.gif" width="91" height="1" alt=""></td>
   <td>
      <img src="banner/images/spacer.gif" width="58" height="1" alt=""></td>
   <td>
      <img src="banner/images/spacer.gif" width="40" height="1" alt=""></td>
   <td>
      <img src="banner/images/spacer.gif" width="90" height="1" alt=""></td>
   <td>
      <img src="banner/images/spacer.gif" width="137" height="1" alt=""></td>
   <td>

   </td>
</tr>

</table>

<td bgcolor="#303030" height="100" width="100%">
<div align="right">
<input type="text" name="username" value="login">
<br />
<input type="password" name="password" value="">
<br />
<font size="1" face="arial"><a href="register">Register</a></div>
</td>

</td>
</tr>

<td>

<table border="0" width="" height="100%" align="left" cellpadding="0" cellspacing="0" valign="top">
<tr>
<td background="menu/images/menubg.jpg" width="180" height="249" valign="top">
<div align="center">

<br />
<a href="search.html"><img src="menu/images/search.gif" border="1"></a>
<br />
<a href="profile.html"><img src="menu/images/profile.gif" border="1"></a>
<br />
<a href="friends.html"><img src="menu/images/friends.gif" border="1"></a>
<br />
<a href="games.html"><img src="menu/images/games.gif" border="1"></a>
<br />
<a href="contact.html"><img src="menu/images/contact.gif" border="1"></a>

</div>
</td>

</tr>

<tr><td bgcolor="303030" height="100%">

</td>

</tr>

</table>

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000" align="right">
<tr valign="top">
<td align="left" valign="top">
<img src="main/images/maintopleft.gif">
</td>
<td background="main/images/maintopbg.gif" width="100%">
</td>
<td align="right" valign="top">
<img src="main/images/maintopright.gif">
</td>
</tr>
<tr valign="top">
<td background="main/images/mainleftbg.gif" height="100%">
</td>
<td bgcolor="6d6d6d" width="100%" height="100%">

<div align="left">
<font size="2" face="arial">

This table refuses to stretch.

</div>

</td>
<td background="main/images/mainrightbg.gif" height="100%">
</td>
</tr>
<tr valign="top">
<td>
<img src="main/images/mainbttomleft.gif">
</td>
<td background="main/images/mainbottombg.gif" width="100%">

</td>
<td align="right">
<img src="main/images/mainbottomright.gif">
</td>
</tr>
</table>

</td>

</table>

</body>
</html>

PayneLess Designs · Joined: 28 Feb 2007 Posts: 1402 Location: Biloxi, MS

Table within tables expand only within the size allowed for the parent table.

You have many coding errors, empty td tags and more that should be corrected.