Forums > I need help learning about tables.

Full Version: I need help learning about tables.

Forums > Resource Center > Webmasters' Corner

GunsNRachel

Jun 21 2008, 11:06 AM

Edited: I have a question now.

Here's my code. I want to make the first table continue down behind everything else to the bottom of the page. It's just a white background thing with gray borders on both sides. Help?

CODE

<style type="text/css">

body {
background:Url("http://i27.tinypic.com/wm1an5.png");
background-repeat: repeat;
margin: 0px 0;
font-family: trebuchet ms, sans serif;
font-size: 12px;
color: #F281A8;
text-align: justify;
line-height: 11px;
width: 1000px;
}

h1 {
color: #D2E7B7;
font-size: 18px;
line-height: 20px;
font-weight: normal;
background-color: transparent;
letter-spacing:0px;
font-family: arial;
text-transform: uppercase;
text-align: center;
text-transform: none;
text-transform: uppercase;
}
</style>


<table width="855" align="center" style="border-right:#D7D7D7 3px solid; border-left:#D7D7D7 3px solid;" bgcolor="#FFFFFF">
  <tr>
    <td><center><img src="http://i31.tinypic.com/vpezk1.jpg"></center></td>
  </tr>
</table> 
<table width="849" align="center" border="1">
  <tr>
    <td width="200"><h1>Updates</h1></td>
    <td width="633">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

Melissa

Jun 21 2008, 03:40 PM

You should make the second table within the first table if you want the first one to extend behind the second one.

You can do something like this.

<table id="first table">
<tr>
<td> whatever </td>
</tr>
<tr>
<td> - C/P SECOND TABLE - </td>
</tr>
</table>

SteveZz

Jul 21 2008, 01:11 PM

If you'd like to learn about tables you can try this new site. There are descriptions, code and examples hopefully this will help you.

http://www.codeitall.com/Formatting.php#usingtables

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.