Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Problem with navigation and missing image

Posted on 2015-02-02
2
88 Views
Last Modified: 2015-02-02
#headerwrap {
      background: url(assets/img/header_bg.jpg) no-repeat center top;

Hi- this site was working, and then I must have done something to mess it up. The image above is present on the server, but not showing up on diabeticmealprograms.com.

Also, the menu spacing is wrong, I need all that on one line, but I can't find anything in firebug that will show that to me.

Thanks for your help.
0
Comment
Question by:mel200
2 Comments
 
LVL 43

Accepted Solution

by:
Chris Stanyon earned 500 total points
ID: 40584416
The path inside your CSS is relative to the CSS file, so your page is looking for the image here:

http://www.diabeticmealprograms.com/assets/css/assets/img/header_bg.jpg

and it obviously doesn't exist.

You need to change your CSS so that it's relative to the root, and not your CSS folder by adding a leading slash (around line 303 of main.css)

background: url(/assets/img/header_bg.jpg) no-repeat center top;

Open in new window

0
 

Author Closing Comment

by:mel200
ID: 40584436
That was it, the whole thing. Thanks very much!
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

839 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question