HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Table refuses to strech all the way.
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table
View previous topic :: View next topic  
Author Message
nofic



Joined: 04 Aug 2008
Posts: 1

PostPosted: Mon Aug 04, 2008 10:25 pm     Table refuses to strech all the way. Reply with quote

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: 1417
Location: Biloxi, MS

PostPosted: Wed Aug 06, 2008 12:11 am     Reply with quote

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.
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
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
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial