Results 1 to 6 of 6

Thread: Background image not displaying in Firefox and more...

  1. #1
    Join Date
    Nov 2008
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Unhappy Background image not displaying in Firefox and more...

    I just started using basic CSS rather than all HTML and while my page is perfect in IE7 and Netscape, it's not displaying properly in Firefox or Opera. Have no clue about Safari.

    In Firefox, the background image is not displaying, music not playing and the ghost script isn't working. It's for my daughter's Halloween photos. I've only added a few photos just to test.

    In Opera, the music works but the background doesn't show nor the floating ghost script.

    I have usually found if it doesn't work in Firefox it won't work in Netscape but for some reason Netscape, in this situation, is fine.

    Wasn't sure if I should post the link or the code, but here's the link:

    http://www.angelfire.com/magic2/stor...n2008Test.html

    Any help would be greatly appreciated.... thanks!

  2. #2
    Join Date
    Nov 2008
    Posts
    17
    Thanks
    3
    Thanked 1 Time in 1 Post

    Default

    please post the css code

  3. #3
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    Here you go (got it by clicking "view source"):
    http://www.angelfire.com/magic2/stor...nailviewer.css

  4. #4
    Join Date
    Nov 2008
    Posts
    17
    Thanks
    3
    Thanked 1 Time in 1 Post

    Default

    Thanks but thats the wrong one. i found it though.

    Code:
    <style type="text/css">
    <!--
      body { font-family: Georgia, "Times New Roman",
              Times, serif;
        color: white;  
      {background-image: url(HHBg1.jpg);} 
    
    a:link {color: #669966;}
    a:visited {color: #99cc66;}
    a:active {color: #ff3333;}
    a:hover {background-color: #ff9900;}
    a {text-decoration: none;}
    p {font-size: 20px;}
    
    -->
      </style>
    If you look at

    Code:
      body { font-family: Georgia, "Times New Roman",
              Times, serif;
        color: white;  
      {background-image: url(HHBg1.jpg);}
    more specifically

    Code:
    {background-image: url(HHBg1.jpg);}
    try removing the first { before background-image. that should do the trick. For the background at least.

  5. The Following User Says Thank You to cbier For This Useful Post:

    englishyankee (11-24-2008)

  6. #5
    Join Date
    Nov 2008
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Duh! I knew that, LOL! Thanks so much, it DID work. Music still not playing and script for ghosts doesn't work in Firefox, either. Solved the problem by not using CSS and just HTML. All works now but I've never tested Safari.

    Thanks so much!

  7. #6
    Join Date
    Nov 2008
    Posts
    17
    Thanks
    3
    Thanked 1 Time in 1 Post

    Default

    no problem, unfortunately I don't know about the music or the ghost script. But good luck.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •