Why is this happening to my table????!!!!

I dont see what ive done wrong, if i dont have the links in the curved table (just text in there) it works fine. But if i change theplain text to links it messes up. See pics. Someone please help. This is the code for the table when the links are in it.

<TABLE cellspacing=0 cellpadding=0 width="150" border="0" align="center" body style="margin:0px" bgcolor="999999">
<tr>
 
<td align="left" valign="top"><img src="top_left.gif" border="0">
</td>
<TD></TD>
<td align="right" valign="top"> <img src="top_right.gif" border="0"> </td>
</tr><tr>
<TD></TD>
<td>
 
<font face="Verdana, Arial, Helvetica, sans-serif" size="2">
 
 
<a href="chat.html">Chat</a>
<a href="gallery.html">Gallery</a>
<a href="mail.html">Email</a>
<a href="join.html">Join</a>
<a href="news.html">News</a>
<a href="funnyshit.html>Funny shit</a>
 
 
 
</td><td></td> </tr>
<tr>
<td align="left" valign="bottom"><img src="bottom_left.gif" border="0"></td><TD></TD>
<td align="right" valign="bottom"><img src="bottom_right.gif" border="0"></td>
</tr></table>

Attachments messedup.bmp (75.85KB) notmessedup.bmp (72.24KB)

cuddlers89

Junior Poster in Training

57 posts since Mar 2004

Reputation Points: 11

Solved Threads: 0

7 Years Ago

<table cellpadding="0" cellspacing="0" border="0" style="width: 150px; background-color: #999999;">
	<tr>
		<td style="width: 1px; text-align: left; background-color: #999999">
			<img src="topleft.gif" border="0" />
		</td>
		<td style="width: 1px; text-align: right; background-color: #999999">
			<img src="topright.gif" border="0" />
		</td>		
	</tr>
	<tr>
		<td style="text-align: center;" colspan="2" width="100%">
			<a href="chat.html">Chat</a>
			<a href="gallery.html">Gallery</a>
			<a href="mail.html">Email</a>
			<a href="join.html">Join</a>
			<a href="news.html">News</a>
			<a href="funnyshit.html>Funny shit</a>
		</td>
	</tr>
	<tr>
		<td style="width: 1px; text-align: left; background-color: #999999">
			<img src="bottomleft.gif" border="0" />
		</td>
		<td style="width: 1px; text-align: right; background-color: #999999">
			<img src="bottomright.gif" border="0" />
		</td>		
	</tr>
</table>

Replace your table with that, and it -should- work.

rixius

Posting Whiz in Training

233 posts since Nov 2003

Reputation Points: 12

Solved Threads: 3

7 Years Ago

Still got the same problem :(

cuddlers89

Junior Poster in Training

57 posts since Mar 2004

Reputation Points: 11

Solved Threads: 0

7 Years Ago

Ok, i nearly got it woking but there are these lines down the side of the table see pic.

Please someone look through this code and tell me what is wrong with it!!

<body bgcolor="cccccc">
<TABLE cellspacing=0 cellpadding=0 width="150" border="0" align="left" bgcolor="999999" >
<tr> 
	<td align="left" valign="top"><img src="images/top_left.gif" border="0" align="left" valign="top"></td>
	<td align="center" valign="top">&nbsp;</td>
	<td align="right" valign="top"><img src="images/top_right.gif" border="0" align="right" valign="top"></td>
</tr>
<tr> 
	<td align="left" valign="middle">&nbsp;</td>
	<td align="center" valign="middle"> <div align="left"><a href="chat.php">- 
		Chat</a>
		<a href="cars.php">- Cars</a>
		<a href="music.php">- Music</a>
		<a href="gallery.php">- Gallery</a>
		<a href="email.php">- Email</a>
		<a href="drug_info.php"> - Drug Info</a>
		<a href="graffiti.php">- Graffiti Art</a>
		<a href="join.php">- Join</a>
		<a href="news.php">- News</a></div></td>
	<td align="right" valign="middle">&nbsp;</td>
</tr>
<tr> 
	<td align="left" valign="bottom"><img src="images/bottom_left.gif" border="0" align="left" valign="bottom"></td>
	<td align="center" valign="bottom">&nbsp;</td>
	<td align="right" valign="bottom"><img src="images/bottom_right.gif" border="0" align="right" valign="bottom"></td>
</tr></table>

Attachments messedup2.bmp (109.19KB)

cuddlers89

Junior Poster in Training

57 posts since Mar 2004

Reputation Points: 11

Solved Threads: 0

7 Years Ago

I'm not sure what to tell you, I don't do work with tables, they are pretty much my HTML arch-nemesis. :(

rixius

Posting Whiz in Training

233 posts since Nov 2003

Reputation Points: 12

Solved Threads: 3

7 Years Ago

There are default spacing settign being applied to your images. To fix this add the following parameter to your image tags:

hspace="0"

which will set horizontal spacing between the image element and adjacent elements to 0 pixels. So the new image tags will read like:

<img src="images/top_left.gif" border="0" align="left" valign="top" hspace="0">

Lafinboy

Junior Poster

172 posts since Jul 2004

Reputation Points: 16

Solved Threads: 7

7 Years Ago

Thanks!!! Its working now. :cheesy:

cuddlers89

Junior Poster in Training

57 posts since Mar 2004

Reputation Points: 11

Solved Threads: 0

7 Years Ago

Thanx for the solution, Lafinboy

rixius

Posting Whiz in Training

233 posts since Nov 2003

Reputation Points: 12

Solved Threads: 3

This article has been dead for over three months

You