944,035 Members | Top Members by Rank

Web Development > Web Design > HTML and CSS > Why is this happening to my table????!!!!
Ad:
Permalink
Sep 23rd, 2004
0

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

Expand Post »
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.

HTML and CSS Syntax (Toggle Plain Text)
  1.  
  2.  
  3. <TABLE cellspacing=0 cellpadding=0 width="150" border="0" align="center" body style="margin:0px" bgcolor="999999">
  4. <tr>
  5.  
  6. <td align="left" valign="top"><img src="top_left.gif" border="0">
  7. </td>
  8. <TD></TD>
  9. <td align="right" valign="top"> <img src="top_right.gif" border="0"> </td>
  10. </tr><tr>
  11. <TD></TD>
  12. <td>
  13.  
  14. <font face="Verdana, Arial, Helvetica, sans-serif" size="2">
  15.  
  16.  
  17. <a href="chat.html">Chat</a><br>
  18. <a href="gallery.html">Gallery</a><br>
  19. <a href="mail.html">Email</a><br>
  20. <a href="join.html">Join</a><br>
  21. <a href="news.html">News</a><br>
  22. <a href="funnyshit.html> Funny shit</a> 
  23.  
  24.  
  25.  
  26. </td> <td> </td>  </tr> 
  27. <tr> 
  28. <td align="left" valign="bottom"> <img src="bottom_left.gif" border="0"> </td> <TD> </TD> 
  29. <td align="right" valign="bottom"> <img src="bottom_right.gif" border="0"> </td> 
  30. </tr> </table>
Attached Thumbnails
Click image for larger version Name: messedup.bmp Views: 36 Size: 75.8 KB ID: 618   Click image for larger version Name: notmessedup.bmp Views: 34 Size: 72.2 KB ID: 619  
Similar Threads
Reputation Points: 11
Solved Threads: 0
Junior Poster in Training
cuddlers89 is offline Offline
57 posts
since Mar 2004
Permalink
Sep 23rd, 2004
0

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

HTML and CSS Syntax (Toggle Plain Text)
  1. <table cellpadding="0" cellspacing="0" border="0" style="width: 150px; background-color: #999999;">
  2. 	<tr>
  3. 		<td style="width: 1px; text-align: left; background-color: #999999">
  4. 			<img src="topleft.gif" border="0" />
  5. 		</td>
  6. 		<td style="width: 1px; text-align: right; background-color: #999999">
  7. 			<img src="topright.gif" border="0" />
  8. 		</td>		
  9. 	</tr>
  10. 	<tr>
  11. 		<td style="text-align: center;" colspan="2" width="100%">
  12. 			<a href="chat.html">Chat</a><br />
  13. 			<a href="gallery.html">Gallery</a><br />
  14. 			<a href="mail.html">Email</a><br />
  15. 			<a href="join.html">Join</a><br />
  16. 			<a href="news.html">News</a><br />
  17. 			<a href="funnyshit.html> Funny shit</a> 
  18. 		</td> 
  19. 	</tr> 
  20. 	<tr> 
  21. 		<td style="width: 1px; text-align: left; background-color: #999999"> 
  22. 			<img src="bottomleft.gif" border="0" /> 
  23. 		</td> 
  24. 		<td style="width: 1px; text-align: right; background-color: #999999"> 
  25. 			<img src="bottomright.gif" border="0" /> 
  26. 		</td> 		
  27. 	</tr> 
  28. </table>

Replace your table with that, and it -should- work.
Reputation Points: 12
Solved Threads: 3
Posting Whiz in Training
rixius is offline Offline
212 posts
since Nov 2003
Permalink
Sep 24th, 2004
0

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

Still got the same problem
Reputation Points: 11
Solved Threads: 0
Junior Poster in Training
cuddlers89 is offline Offline
57 posts
since Mar 2004
Permalink
Sep 27th, 2004
0

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

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!!

HTML and CSS Syntax (Toggle Plain Text)
  1.  <body bgcolor="cccccc">
  2. <TABLE cellspacing=0 cellpadding=0 width="150" border="0" align="left" bgcolor="999999" >
  3. <tr> 
  4. 	<td align="left" valign="top"><img src="images/top_left.gif" border="0" align="left" valign="top"></td>
  5. 	<td align="center" valign="top">&nbsp;</td>
  6. 	<td align="right" valign="top"><img src="images/top_right.gif" border="0" align="right" valign="top"></td>
  7. </tr>
  8. <tr> 
  9. 	<td align="left" valign="middle">&nbsp;</td>
  10. 	<td align="center" valign="middle"> <div align="left"><a href="chat.php">- 
  11. 		Chat</a><br>
  12. 		<a href="cars.php">- Cars</a><br>
  13. 		<a href="music.php">- Music</a><br>
  14. 		<a href="gallery.php">- Gallery</a><br>
  15. 		<a href="email.php">- Email</a><br>
  16. 		<a href="drug_info.php"> - Drug Info</a><br>
  17. 		<a href="graffiti.php">- Graffiti Art</a><br>
  18. 		<a href="join.php">- Join</a><br>
  19. 		<a href="news.php">- News</a></div></td>
  20. 	<td align="right" valign="middle">&nbsp;</td>
  21. </tr>
  22. <tr> 
  23. 	<td align="left" valign="bottom"><img src="images/bottom_left.gif" border="0" align="left" valign="bottom"></td>
  24. 	<td align="center" valign="bottom">&nbsp;</td>
  25. 	<td align="right" valign="bottom"><img src="images/bottom_right.gif" border="0" align="right" valign="bottom"></td>
  26. </tr></table>
Attached Thumbnails
Click image for larger version Name: messedup2.bmp Views: 29 Size: 109.2 KB ID: 633  
Reputation Points: 11
Solved Threads: 0
Junior Poster in Training
cuddlers89 is offline Offline
57 posts
since Mar 2004
Permalink
Sep 27th, 2004
0

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

I'm not sure what to tell you, I don't do work with tables, they are pretty much my HTML arch-nemesis.
Reputation Points: 12
Solved Threads: 3
Posting Whiz in Training
rixius is offline Offline
212 posts
since Nov 2003
Permalink
Sep 27th, 2004
0

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

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

HTML and CSS Syntax (Toggle Plain Text)
  1. 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:

HTML and CSS Syntax (Toggle Plain Text)
  1. <img src="images/top_left.gif" border="0" align="left" valign="top" hspace="0">
Reputation Points: 16
Solved Threads: 7
Junior Poster
Lafinboy is offline Offline
166 posts
since Jul 2004
Permalink
Sep 28th, 2004
0

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

Thanks!!! Its working now. :cheesy:
Reputation Points: 11
Solved Threads: 0
Junior Poster in Training
cuddlers89 is offline Offline
57 posts
since Mar 2004
Permalink
Sep 29th, 2004
0

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

Thanx for the solution, Lafinboy
Reputation Points: 12
Solved Threads: 3
Posting Whiz in Training
rixius is offline Offline
212 posts
since Nov 2003

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: Is There A Way To Protect Members' E-mails From Crawlers and Hackers?
Next Thread in HTML and CSS Forum Timeline: html table to .csv





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC