Border not showing?!

**Tech9** · Nov 1, 2004 15:15

My border isnt show that is supposed to go around my hole site, i wanted it to be a 1px 000000 color border

<html>
<head>
<title>testing width</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css" />
<body bgcolor=#f7f7f7 leftmargin=0 topmargin=0 marginwidth=0 marginheight=0>
<table class="tableMain" width="981" cellpadding="0" cellspacing="0"align="center">
<table width="980" border="0" cellpadding="0" cellspacing="0"align="center">
<tr>
<td class="tdtop" valign="top" background="banner.jpg" width="980" height="120" /></td>
</tr>
<tr>
<td valign="top" background="nav.jpg" width="980" height="50" /></td>
</tr>
<tr>
<td class="tdcopyright" background="footer.jpg" width="980" height="20"><center>© 2004 Team Syst3mat!k All Rights Reserved</center></td>
</tr>
<tr>
<td class="tdfooter" width="980" height="35" bgcolor="#2a2a2a"><center>Home | Forums | Support | Privacy Policy</center></td>
</tr>
</table>
</body>
</html>

css

.tableMain {
border: 1px solid #000000;
}

can anyone please help me www.teamsik.net/teamsiknet

thx

**Paul O'B** · Nov 1, 2004 15:38

Hi,

Disregarding the debate of css versus tables the main problem is that your tables are formatted incorrectly.

Here is the correct format:

Code:

<table class="tableMain" width="981" cellpadding="0" cellspacing="0" align="center">
  <tr> 
	<td> <table width="980" border="0" cellpadding="0" cellspacing="0"align="center">
		<tr> 
		  <td class="tdtop" valign="top" background="banner.jpg" width="980" height="120">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
		</tr>
		<tr> 
		  <td valign="top" background="nav.jpg" width="980" height="50">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
		</tr>
		<tr> 
		  <td class="tdcopyright" background="footer.jpg" width="980" height="20"><center>
			  © 2004 Team Syst3mat!k All Rights Reserved</center></td>
		</tr>
		<tr> 
		  <td class="tdfooter" width="980" height="35" bgcolor="#2a2a2a"><center>
			  Home | Forums | Support | Privacy Policy</center></td>
		</tr>
	  </table></td>
  </tr>
</table>

The border should now show

Its good practice to validate your page and simple errors like these will show up immediately.

Paul

**Tech9** · Nov 1, 2004 15:43

Hey paul thx man, do you think you could help me with this other problem i am having if you look at www.teamsik.net/teamsiknet you will see a little logo to the bottom in the middle of Home | Forums blah i cant get the text to be in the middle of the banner instead of being at the bottom of it im stuck could you pls help

thx

<td class="tdfooter" width="980" height="35" bgcolor="#2a2a2a"><center>
Home | Forums <img src="small.jpg"> Support | Privacy Policy</center></td>

**JamieJelly** · Nov 1, 2004 16:07

the answer isn't css as you are using tables but here goes:

HTML Code:

<td class="tdfooter" width="980" height="35" bgcolor="#2a2a2a" valign="middle"><center>
Home | Forums <img src="small.jpg"> Support | Privacy Policy</center></td>

You use "valign" for vertical alignment.

**Tech9** · Nov 1, 2004 16:11

it didnt fix it www.teamsik.net/teamsiknet

**RamsayX** · Nov 1, 2004 17:25

You've got an extra bit of code you dont need:

</td></tr></table>

Hope that helps.

**Tech9** · Nov 1, 2004 17:29

i got it :P

**Paul O'B** · Nov 2, 2004 03:48

Glad you sorted it (with the help from those above) and sorry I didn't reply earlier but I had an early night

User Tag List

Thread: Border not showing?!

Thread Tools

Display

Border not showing?!

Bookmarks

Bookmarks

Posting Permissions