Solved

Problem with navigation and missing image

Posted on 2015-02-02
2
83 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

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

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

This article discusses four methods for overlaying images in a container on a web page
An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

770 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