By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,967 Members | 1,690 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,967 IT Pros & Developers. It's quick & easy.

Background Image won't display in Firefox

P: 1
Well, I did a search and found a few references with a similar subject but no answers for me. At http://www.flyingscool.com/FC_eLearning.htm I have a table row with a background image using the following code. It displays fine in IE, but won't show up in Firefox.

Expand|Select|Wrap|Line Numbers
  1.         <tr height="120px" style="background: #909090 url('images/FlyingsCool_Stores.jpg') no-repeat fixed right">
  2.             <td>
  3.                 <table width="816px" height="120px" border=0 cellpadding=0 cellspacing=0>
  4.                     <tr height=32 valign=top>
  5.                         <td valign=top style="padding-left: 20" colspan=2>
  6.                             <font style="font-size: 16pt"><b>The Shops</b></font>
  7.                         </td>
  8.                     </tr>
  9.                     <tr height=88 valign=top align=left valign=middle>
  10.                         <td width="130px" align=center>
  11.                             <a href="FC_eLearning.htm?sel=0" title="Flying'sCool!'s eLearning Store">
  12.                             <img src=images/Store_eLearning.gif height="80px" border=0 alt="Flying'sCool!'s eLearning Store"></a></td>
  13.                         <td width="100px" align=center>
  14.                             <a href="FC_eLearning.htm?sel=2" title="Flying'sCool!'s Flight Shop">
  15.                             <img src=images/Store_FltShop.gif height="80px" border=0 alt="Flying'sCool!'s Flight Shop"></a></td>
  16.                         <td width="100px" align=center>
  17.                             <a href="FC_eLearning.htm?sel=3" title="Flying'sCool!'s Apparel and Gifts">
  18.                             <img src=images/Store_Apparel.gif height="80px" border=0 alt="Flying'sCool!'s Apparel and Gifts"></a></td>
  19.                         <td width="110px" align=center>
  20.                             <a href="FC_eLearning.htm?sel=4" title="Flying'sCool!'s Poster Store">
  21.                             <img src=images/Store_Posters.gif height="80px" border=0 alt="Flying'sCool!'s Poster Store"></a></td>
  22.                         <td width="110px" align=center>
  23.                             <a href="FC_eLearning.htm?sel=5" title="Flying'sCool!'s Reviews of Recommended Products">
  24.                             <img src=images/Store_RecommendedProducts.jpg height="90px" border=0 alt="Flying'sCool!'s Reviews of Recommended Products"></a></td>
  25.                         <td width="266px"></td>
  26.                     </tr>
  27.                 </table>
  28.             </td>
  29.         </tr>
  30.  
I have tried putting the image in the root directory of the web site as well with no change. Any ideas?

Thanks
Sep 21 '06 #1
Share this Question
Share on Google+
4 Replies


drhowarddrfine
Expert 5K+
P: 7,435
Your page has 299 html errors plus the lack of a doctype. It will be difficult to make this page work in a modern browser like Firefox until a lot of that is cleaned up.
Sep 21 '06 #2

P: 25
In addition to taking care of the HTML errors, you might want to try using absolute paths to your images. I just had a similar problem (although they weren't working anywhere!) until I changed the paths. I'm sure it shouldn't have to be that way but it was the only way I could make it work.

Kathy
Sep 21 '06 #3

kestrel
Expert 100+
P: 1,071
There are acctually only 200 errors, but that still has to be fixed

go to http://validator.w3.org/ and validate your HTML,

then the next page will show you all your errors,
and what you have to do to fix them.
Sep 21 '06 #4

P: 1
The background atr is no longer supported (I think) and you need to change to background-image. Microsoft added background as a their own html extension which is why it would work in IE. I haven't tried it, but I think it's like this:

Expand|Select|Wrap|Line Numbers
  1. <table style="background-image: 
  2.    url(http://domain.com/images/pic.gif); 
  3.    height=100px" cellpadding="5px">
  4.    <tr>
  5.      <td><p style="background: white">some text
  6.      </p></td>
  7.    </tr>
  8. </table>
  9.  
Regards
Mike
Oct 24 '06 #5

Post your reply

Sign in to post your reply or Sign up for a free account.