/    Sign up×
Community /Pin to ProfileBookmark

Background image workes in dev but not live?

Copy linkTweet thisAlerts:
Nov 01.2010

Why is it that my background image displays perfectly on the server: [url]http://www.hmhair.co.uk/images/news/partypinupbg.jpg[/url]

But in code it doesn’t show up on the site – it’s just a white background. I don’t get it! [url]http://www.hmhair.co.uk/news/details.aspx?id=18[/url]

This worked perfectly in Dev.

The CSS for that div is below:

[CODE].partypinup-wrapper {
width:100%;
height: auto;
margin-right:0;
background-repeat: no-repeat;
background-image:url (../images/news/partypinupbg.jpg);
}[/CODE]

Using Firebug it shows everything but the background image line.

to post a comment
CSS

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@FangNov 01.2010 — You have:[CODE]width:100%;
height: auto;
margin-right:0;
background-repeat: no-repeat;
background-image:url (../../../images/news/partypinupbg.jpg);
}
[/CODE]Relative to css:[CODE]background-image:url (/images/news/partypinupbg.jpg);[/CODE]
Copy linkTweet thisAlerts:
@hmhairauthorNov 01.2010 — I have been playing around with that and it’s not made any difference. If I change the background color for that div it works but not the image.
Copy linkTweet thisAlerts:
@FangNov 01.2010 — This should work[CODE]background-image:url (../images/news/partypinupbg.jpg);[/CODE]
Copy linkTweet thisAlerts:
@hmhairauthorNov 01.2010 — It doesn’t. I have tried:

/

../

../../../

Nothing works.

IT is on holiday so I am left with a half live page that is live. I am thinking it’s either an upload error in where IT have to upload it, an image permissions problems which I get often here, or a conflict on the database which I had problems this morning. Either way it makes no sense to me.
Copy linkTweet thisAlerts:
@FangNov 01.2010 — Use the absolute path. [CODE]background-image:url (http://www.hmhair.co.uk/images/news/partypinupbg.jpg);[/CODE]
Copy linkTweet thisAlerts:
@hmhairauthorNov 01.2010 — Tried, tested and failed. ?
Copy linkTweet thisAlerts:
@FangNov 01.2010 — Doh! Just noticed the space after 'url' and the opening bracket, remove[CODE]background-image:url(http://www.hmhair.co.uk/images/news/partypinupbg.jpg);[/CODE]
×

Success!

Help @hmhair spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...