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 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>
I have tried putting the image in the root directory of the web site as well with no change. Any ideas?

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

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.

Sep 21 '06 #3

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

go to 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(; 
  3.    height=100px" cellpadding="5px">
  4.    <tr>
  5.      <td><p style="background: white">some text
  6.      </p></td>
  7.    </tr>
  8. </table>
Oct 24 '06 #5

Post your reply

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