Solved

Problem with navigation and missing image

Posted on 2015-02-02
2
93 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
[X]
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
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

Creating Instructional Tutorials  

For Any Use & On Any Platform

Contextual Guidance at the moment of need helps your employees/users adopt software o& achieve even the most complex tasks instantly. Boost knowledge retention, software adoption & employee engagement with easy solution.

Question has a verified solution.

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

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

630 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