Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 344
  • Last Modified:

CSS background image not showing up

On this test page:
http://www.partnersdesign.net/lieverhymanpotter/index-mobile.htm

The links with class="mobilenav2" have CSS like this:

.mobilenav2{background-image:url('img/mb_darkbutton1.jpg');background-repeat:repeat-x;margin:0 0 0 0;padding:1em 0 1em 1em;display:block;font-weight:700;font-size:0.8em;}

Open in new window


However, I can't get the background image to show up:
http://www.partnersdesign.net/lieverhymanpotter/img/mb_darkbutton1.jpg

Its just a gradient I want to stretch across the width of the links. Am I doing something wrong?

Thank you!
0
bbdesign
Asked:
bbdesign
  • 2
2 Solutions
 
Ess KayEntrapenuerCommented:
put in the full url
0
 
cmalakarCommented:
Use this..

url("/lieverhymanpotter/img/mb_darkbutton1.jpg")
0
 
Ess KayEntrapenuerCommented:
and the quotes might be an issue
0
 
bbdesignAuthor Commented:
Thanks guys. I found the problem, I needed ../img/ because the style sheet is in a folder on level down.
0

Featured Post

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now