CSS Background image for H1 tags

Hi,

Since today I've started with css (better late than never uh ) and I have a small problem.

I've set the <h1> style tag like this in css:

h1 {
margin: 0;
color: #7a7a7a;
font-size:18px;
margin-top: 7px;
margin-bottom: 10px;
font-weight:normal;
background-image: url(/images/h1back.gif);
font-family: Georgia, "Times New Roman", Times, serif;
background-repeat:no-repeat;

Now, this works perfectly on subdirectory pages like /subdir/index.html but on the front page (index.html) the background image is not working (the rest of the style like collor and font are correct).

Anyone has an idea how this is possible?

 

Try changing it to: background-image: url('http://yourdomains.com/images/h1back.gif'); to make it a direct link to the file itself, instead of a reference. It's ugly, but it will work.

 

Hi,

I've tried that, but it still doesn't work. I even tried to remove all other css but it just doesn't seem to work on the first page while all other pages are not having any problem.

 

Can you send the url to me so I can check it out.