Background image disappeared! - twilight zone stuff

I am desperate. I need to get this to my client Monday morning.

Been working on it for a week. Never had a problem.

Now, all of a sudden background image (brick007.jpg) mysteriously disappears!!

It was working yesterday.

Yes, I made some site updates but NEVER touched the background image on the css file. Now, today, it is just gone.

Still shows up in my html editor preview pane. But not on any browsers.

Tested in on other random sites of mine and it shows up there, no problem.

IN FACT, I cannot even get a plain background COLOR to show up!

http://millworksplace.com

css:
http://millworksplace.com/default.css
body {
margin: 0px;
padding: 0px;
background-image: url(‘images/brick007.jpg’);
font: 14px arial, Helvetica, sans-serif;
color: #7E5752;
}

I’m just completely stumped. PLEASE help!!!

Thanks!

You have some kind of emailmeform style sheet in there, whose default body styles are overriding your proper ones:

BODY {
    background-color: transparent;
    background-image: none;
    margin-top: 15px;
}

If you don’t know how to deal with that, a quick and dirty fix is to add !important to your main style sheet:


body {
     background-image: url("http://millworksplace.com/images/brick007.jpg") [COLOR="#FF0000"]!important[/COLOR];
     color: #7E5752 [COLOR="#FF0000"]!important[/COLOR];
     font: 14px arial,Helvetica,sans-serif;
     margin: 0px [COLOR="#FF0000"]!important[/COLOR];
     padding: 0px;
}

Well, that would not work. But you are my hero anyway, because once I knew where the problem was coming from, I played around with it. Since I have no control over the emailmeform css, I just added the css for the body in the html page and VOILA!! It worked!

THANK YOU!!!

Hm, it should work in the style sheet itself. It certainly works when I test it. You may just have needed to refresh the browser. Make sure to put !important before the closing colon. You’ll want to do this especially if the site is to have any other pages.

Also, did you want the gap at the top of the page? If not, don’t forget !important for the margin setting also. :slight_smile:

OK, thanks man. Guess I did not add it before the closing colon or something. I’ll try it again just for fun. This will be the only page.

Thanks again, Ralph! Lifesaver!

Glad I could help. Hope we see you again soon! :slight_smile:

[ot]

I believe you’re referring to the semi-colon, not the colon. :smiley: And it’s a separator, not a terminator - or so I was told. :)[/ot]

Off Topic:

Yes it is a seperator that distinguishes one property:value from another

Indeed! I 'angs me 'ead in shame.