Background images in tables with ie

Reply

•
•
Join Date: Feb 2007
Posts: 72
Reputation: adaykin is an unknown quantity at this point 
Solved Threads: 0
adaykin adaykin is offline Offline
Junior Poster in Training

Background images in tables with ie

 
0
  #1
Aug 20th, 2008
Hello, I am having problems displaying a background image in ie. In firefox it looks perfect, but in ie I am having problems displaying the image, it doesn't display at all.

Here is my code:

HTML and CSS Syntax (Toggle Plain Text) 
  1. <table  border="0" cellpadding="0" cellspacing="0">
  2. 	<tr>
  3. 		<td height="120"  colspan="8" valign="bottom">
  4. 			<img src="https://www.rejoovme.com/images/wrapperHEAD_916.gif" alt="RejoovMe Relaxation Center" border="0" usemap="#Map"></td>
  5. 	</tr>
  6. 	<tr>
  7. 		<td background="https://www.rejoovme.com/images/wrapper_nav_left2.gif">
  8. 			<img src="https://www.rejoovme.com/images/20x20clear.gif" width="20" height="20"></td>
  9. 		<td width="67">
  10. 			<a href="https://www.rejoovme.com/benefits.html"><img src="https://www.rejoovme.com/images/benefits_off.gif" alt="" name="benefits" width="67" height="20" border="0" id="benefits" </a></td>
  11. 		<td width="53">
  12. 			<a href="https://www.rejoovme.com/faqs.html"><img src="https://www.rejoovme.com/images/faqs_off.gif" alt="" name="faqs" width="53" height="20" border="0" id="faqs" ></a></td>
  13. 		<td width="91">
  14. 			<a href="https://www.rejoovme.com/appointments.html"><img src="https://www.rejoovme.com/images/apps_on.gif" alt="" name="apps" width="91" height="20" border="0" id="apps" ></a></td>
  15. 		<td width="56">
  16. 			<a href="https://www.rejoovme.com/prices.html"><img src="https://www.rejoovme.com/images/prices_off.gif" alt="" name="prices" width="56" height="20" border="0" id="prices"></a></td>
  17. 		<td width="95">
  18. 			<a href="https://www.rejoovme.com/expect.html"><img src="https://www.rejoovme.com/images/expect_off.gif" alt="" name="expect" width="95" height="20" border="0" id="expect" ></a></td>
  19. 		<td width="53">
  20. 			<a href="https://www.rejoovme.com/links.html"><img src="https://www.rejoovme.com/images/links_off.gif" alt="" name="links" width="53" height="20" border="0" id="links" ></a></td>
  21. 		<td width="42" background="https://www.rejoovme.com/images/wrapper_nav_left2.gif"><img src="https://www.rejoovme.com/images/20x20clear.gif" width="42" height="20"></td>
  22. 	</tr>
  23. 	<tr>
  24. 		<td height="13" colspan="8" bgcolor="#F47B18" class="contactLINKS" valign="middle">
  25. 			<a href="https://www.rejoovme.com/gift.php">Gift Certificates</a>   <a href="https://www.rejoovme.com/media.html">Media</a>   <a href="https://www.rejoovme.com/contact.html">Contact Us</a></td>
  26. 	</tr>
  27.  
  28.  
  29. 	<tr>
  30. 		<td align="center" valign="top" colspan="8"></td>
  31. 	</tr>
  32.   </table>
Last edited by adaykin; Aug 20th, 2008 at 3:18 pm.
My Website <-- check out my site!
Reply With Quote Quick reply to this message  
•
•
Join Date: Jan 2007
Posts: 3,210
Reputation: MidiMagic has a spectacular aura about MidiMagic has a spectacular aura about 
Solved Threads: 165
MidiMagic's Avatar
MidiMagic MidiMagic is offline Offline
Nearly a Senior Poster

Re: Background images in tables with ie

 
0
  #2
Aug 24th, 2008
Remember that, in IE, the margin, border, and padding are wrongly rendered inside the width and height. This can make the image fail to render because it won't fit.

FF and other standard-compliant browsers put the surrounding styles outside the widths and heights.
Daylight-saving time uses more gasoline
Reply With Quote Quick reply to this message  
•
•
Join Date: Feb 2007
Posts: 72
Reputation: adaykin is an unknown quantity at this point 
Solved Threads: 0
adaykin adaykin is offline Offline
Junior Poster in Training

Re: Background images in tables with ie

 
0
  #3
Aug 24th, 2008
Oh I actually fixed this by putting the table valign at bottom.
My Website <-- check out my site!
Reply With Quote Quick reply to this message  
•
•
Join Date: Aug 2008
Posts: 4
Reputation: raju.raghup is an unknown quantity at this point 
Solved Threads: 0
raju.raghup raju.raghup is offline Offline
Newbie Poster

Re: Background images in tables with ie

 
0
  #4
Aug 25th, 2008
If they are Background images U can write css
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



Tag cloud for HTML and CSS
appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash font fonts 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 perl pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7 xml xsl
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC