Skip navigation
Crellin Sound
Crellin Sound
Currently Being Moderated

Background Evaporation!

May 30, 2012 4:39 AM

Hi Folks,

 

I hope you can help me with this one.  I've scratched my head so much that I'm bald.  I'm sure it's a simple answer, but I'm looking in all the wrong places.

 

Though my background photo shows up in Design View, it doesn't show up on the Internet. 

 

The source code on the Internet and in the Code View look the same.

 

www.impossiblemusic.com

 

Where did the background photo go?

 

Thanks,

 

BT

701 Views   6 Replies   Latest reply: Crellin Sound, Jun 2, 2012 3:31 AM
 
Replies
  • John Waller
    Currently Being Moderated
    1. John Waller,
    May 30, 2012 4:53 AM   in reply to Crellin Sound
    Report

    You have two CSS rules calling the photo: one good path and one bad path

     

    This rule on lne 65 (photo does not exist in that location)

     

    body {

    background-image: url(../Crellin%20Sound%20Website/Photos/Scenery/TopMenu%20Sky%205.jpg );

    }

     

    comes later down in the code and therefore trumps this rule on Line 10 (photo does exist)

     

    body {

    background-image: url(Photos/Scenery/TopMenu%20Sky.jpg);

    }

     

    Simple solution is to delete the second CSS rule.

     
    |
    Mark as:
  • MurraySummers
    Currently Being Moderated
    2. MurraySummers,
    May 30, 2012 5:25 AM   in reply to John Waller
    Report

    I'm confused.  First of all, which photo is missing?  Second, how is deleting the GOOD link going to help?  Third, if the good link is closer to the body tag than the bad one, then the bad link will be replaced by the good one, no?

     
    |
    Mark as:
  • John Waller
    Currently Being Moderated
    3. John Waller,
    May 30, 2012 1:10 PM   in reply to MurraySummers
    Report

    Murray *ACP* wrote:

     

    First of all, which photo is missing?

     

    This one

     

    http://www.crellinsound.com/Photos/Scenery/TopMenu%20Sky.jpg

     

     

    Murray *ACP* wrote:

     

    Second, how is deleting the GOOD link going to help?

     

    I said to delete the BAD link on  Line 65

     

     

    Murray *ACP* wrote:

     

    Third, if the good link is closer to the body tag than the bad one, then the bad link will be replaced by the good one, no?

     

    The good link comes first (Line 10).

     

    The bad link on Line 65 trumps it - hence delete it.

     

    Check the page in Firebug or F12 in IE.

     
    |
    Mark as:
  • Crellin Sound
    Currently Being Moderated
    4. Crellin Sound,
    Jun 1, 2012 7:12 AM   in reply to John Waller
    Report

    Hi Guys,

     

    I'm not ignoring you.  I'm just slow with this stuff.  I appreciate your help.

     

    I've done some experimenting and started clean.  I've gotten rid of both of the photos and, as a consequence, there are no photos at either line 10 or line 65.  This is true both in DW and when I view the source code on the Internet.

     

    Preview in Browser looks the same as the page does when viewed on the Internet.

     

    I'm using a template called topmenu.dwt.  It'd like to add a background photo.  I'm doing so by using Page Properties for this template.

     

    When I apply this template to musicloruvani1.html, a photo shows up on line 65 of the code (with nothing on line 10) for musicloruvani1.html and the page looks just right in Preview in Browser.

     

    But, when I Put to my remote site and check on the Internet, there's no background photo visible.  The kicker is that the photo still shows up at line 65 on the Internet source code.

     

    I'm refreshing my Internet view, so I should be looking at fresh pages.

     

    I'm scratching my head on this one.  Any ideas?

     

    Thanks,

     

    BT

     
    |
    Mark as:
  • John Waller
    Currently Being Moderated
    5. John Waller,
    Jun 1, 2012 11:36 AM   in reply to Crellin Sound
    Report

    This is becoming way more complicated than it needs to be.

     

    It's a simple path issue. i.e. the code pointing to the correct location on the server where the photo is located.

     

    As the code at http://www.crellinsound.com/musicloruvani1.html stands now:

     

    Line 10

     

    body {

    background-image: none;

    }

     

    is trumped by

     

    Line 65

     

    body {

    background-image: url(../Crellin%20Sound%20Website/Photos/Scenery/TopMenu%20Sky%203.jpg );

    }

     

    Sidenote: Line 10 is redundant.

     

    Line 65 is pointing to a folder above the root folder of the site (= does not exist). In other words, the path is wrong.

     

    Where is the photo actually located on the remote server?

     
    |
    Mark as:
  • Crellin Sound
    Currently Being Moderated
    6. Crellin Sound,
    Jun 2, 2012 3:31 AM   in reply to John Waller
    Report

    Hi John,

     

    We may be onto something here.  You're comment, "Where is the photo actually located on the remote server?" got me poking around.

     

    Something's going on with the remote server and I can't quite figure out what it is.  I'll get in touch with the admins.

     

    If geting the server problem solved doesn't work, I'll be back!

     

    Thanks,

     

    BT

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points