If you look at my code, you will see that for the "header" and "footer" I have an image slice that is supposed to repeat horizontally across the page (100%). For SOME reason neither will show up (they are separate images for each). I don't know if it has something to do with the order in which I've called the .css files or what.

**But the WEIRD thing is that if I use Firefox Developer tools to VIEW the css, both images show up as they should, but when I exit out of the developer tool it goes back to not showing.

ANY help would be much appreciated.


2 answers

This was chosen as the best answer

Paths in CSS stylesheets are relative to the directory the CSS file is in.

The background image should be url(/images/example.png) or (../images/example.png)

Answered over 8 years ago by enbuyukfener
  • HEY, it worked! stupid stupid overlook on my part. Is there any way I could send you a small amount for helping via paypal? Justin U. over 8 years ago
  • Thanks for the offer, but don't worry about it :) enbuyukfener over 8 years ago

I know, this is my exact code:

header {

background-color: #FFFFFF; background-image: url(images/top.jpg); background-repeat: repeat;
width: 100%; height: 126px; }

Answered over 8 years ago by Justin U.