Link to home
Start Free TrialLog in
Avatar of Robert Ehinger
Robert EhingerFlag for United States of America

asked on

HTML Table Backgrpound

Please look at our parish web site at http://saintspeterandpaulcatholicchurch.org/index.html.

In the center of the page is a link to the ministry schedule. The schedule is in a table but it covers the background of the page. How do I get the background to show up on these pages?

Thank you!

Robert
Avatar of Bill Bach
Bill Bach
Flag of United States of America image

When I bring this up in FireFox, the background DOES show up behind the text in the table.  Of course, with white table and white lettering, the clouds make some of the text difficult to read.

What browser are you testing this with?
Avatar of Robert Ehinger

ASKER

I am not wanting the clouds, I want the image of the church that you see on the home page.
ASKER CERTIFIED SOLUTION
Avatar of Dave Baldwin
Dave Baldwin
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
All you need to do to fix that is move the closing </div> for the #mainContent div to the end of the table. That puts the table inside the main content and the church background  will fill in properly. Still, it's difficult to read the white text on that busy background. I would put a semi opaque background on the table. Try something like this for your table style:

<table width="540" border="1" style="background-color:#999;opacity:0.7">

Also, you have some orphaned tags, </h5>, </p> and </span>. Your first two meta tags are invalid. Your doctype is also invalid (and outdated).