 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
nofic
Joined: 04 Aug 2008 Posts: 1
|
Posted: Mon Aug 04, 2008 10:25 pm Table refuses to strech all the way. |
|
|
|
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: 1416 Location: Biloxi, MS
|
Posted: Wed Aug 06, 2008 12:11 am |
|
|
|
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. |
|
|
|
You cannot post new topics in this forum You cannot reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum You cannot vote in polls in this forum
|
|
|
|
|
 |
|
|
|
|
|
|
|