Click to See Complete Forum and Search --> : Background image will not display no matter what!


ecolodge
03-09-2006, 10:03 AM
Okay, For some reason every page can display the same background image except one. The only difference I can tell is that there is a form on that page. The coding is the same. Anyone have any ideas?

See the difference between these two pages...

with back ground image working here (http://www.buildersopenhouse.com/communities.htm)

w/out background image here (http://www.buildersopenhouse.com/contact.htm)

I appreciate any help

BonRouge
03-09-2006, 10:15 AM
In the page that works, you're using old-style html style attributes. In the one that doesn't work, you're overriding it with this:body,td,legend {
background: white ;
color: black;
font-family: Arial;
font-size: 14px;
}
Surprisingly enough, the answer isn't to erase that. What you should be doing is using CSS for all your style - fonts, background images, borders - everything. Put your background image in the CSS rather than usin style attributes which have been deprecated for a long time.

Good luck.

ecolodge
03-09-2006, 10:22 AM
So what you are saying is that I completely shouldn't have developed the sites in this manner. Should have used CSS? Figures :( Thanks for the info... Can I just throw in some CSS background code into the mix?

BonRouge
03-09-2006, 10:44 AM
Yes and yes. I hate to be the one to tell you, but you're using really old-style mark-up. No-one uses things like font tags anymore. You really need to learn CSS.

Start with the background.
Put this in your head:<style type="text/css">
body {
background:#fff url(/background2.gif);
}
</style>

This page might help a little... http://bonrouge.com/br.php?page=externalfiles

I also recommend going to the W3Schools tutorial : http://www.w3schools.com/css/default.asp

and erm... have a look at the article in my sig and the rest of my site.

I hope this helps. It should fix your immediate problem and hopefully put you on the road to enlightenment.