HTML and CSS RSS HTML and CSS RSS

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

Reply

•
•
Join Date: Mar 2004
Posts: 57
Reputation: cuddlers89 is an unknown quantity at this point 
Solved Threads: 0
cuddlers89 cuddlers89 is offline Offline
Junior Poster in Training

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

 
0
  #1
Sep 23rd, 2004
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
messedup.bmp   notmessedup.bmp  
Reply With Quote Quick reply to this message  
•
•
Join Date: Nov 2003
Posts: 207
Reputation: rixius is an unknown quantity at this point 
Solved Threads: 1
rixius rixius is offline Offline
Posting Whiz in Training

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

 
0
  #2
Sep 23rd, 2004
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.
Google Chrome Message Board / Internet Marketing Strategy & SEO Techniques / Photoshop Tutorials
Reply With Quote Quick reply to this message  
•
•
Join Date: Mar 2004
Posts: 57
Reputation: cuddlers89 is an unknown quantity at this point 
Solved Threads: 0
cuddlers89 cuddlers89 is offline Offline
Junior Poster in Training

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

 
0
  #3
Sep 24th, 2004
Still got the same problem
Reply With Quote Quick reply to this message  
•
•
Join Date: Mar 2004
Posts: 57
Reputation: cuddlers89 is an unknown quantity at this point 
Solved Threads: 0
cuddlers89 cuddlers89 is offline Offline
Junior Poster in Training

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

 
0
  #4
Sep 27th, 2004
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
messedup2.bmp  
Reply With Quote Quick reply to this message  
•
•
Join Date: Nov 2003
Posts: 207
Reputation: rixius is an unknown quantity at this point 
Solved Threads: 1
rixius rixius is offline Offline
Posting Whiz in Training

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

 
0
  #5
Sep 27th, 2004
I'm not sure what to tell you, I don't do work with tables, they are pretty much my HTML arch-nemesis.
Google Chrome Message Board / Internet Marketing Strategy & SEO Techniques / Photoshop Tutorials
Reply With Quote Quick reply to this message  
•
•
Join Date: Jul 2004
Posts: 166
Reputation: Lafinboy is an unknown quantity at this point 
Solved Threads: 7
Lafinboy's Avatar
Lafinboy Lafinboy is offline Offline
Junior Poster

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

 
0
  #6
Sep 27th, 2004
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">
If I've been a help please confirm by clicking the Add to Lafinboy's Reputation link in the header of this reply.

Lafinboy Productions
:: Website Design :: Website Development ::
Reply With Quote Quick reply to this message  
•
•
Join Date: Mar 2004
Posts: 57
Reputation: cuddlers89 is an unknown quantity at this point 
Solved Threads: 0
cuddlers89 cuddlers89 is offline Offline
Junior Poster in Training

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

 
0
  #7
Sep 28th, 2004
Thanks!!! Its working now. :cheesy:
Reply With Quote Quick reply to this message  
•
•
Join Date: Nov 2003
Posts: 207
Reputation: rixius is an unknown quantity at this point 
Solved Threads: 1
rixius rixius is offline Offline
Posting Whiz in Training

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

 
0
  #8
Sep 29th, 2004
Thanx for the solution, Lafinboy
Google Chrome Message Board / Internet Marketing Strategy & SEO Techniques / Photoshop Tutorials
Reply With Quote Quick reply to this message  
Reply

Quick Reply to Thread
This thread is more than three months old.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Similar Threads
Other Threads in the HTML and CSS Forum
Thread Tools Search this Thread



appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC