Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

Problem with navigation and missing image

Posted on 2015-02-02
2
Medium Priority
?
103 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 45

Accepted Solution

by:
Chris Stanyon earned 2000 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

Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

Question has a verified solution.

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

Originally, this post was published on Monitis Blog, you can check it here . It goes without saying that technology has transformed society and the very nature of how we live, work, and communicate in ways that would’ve been incomprehensible 5 ye…
Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
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.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

575 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