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
Robert EhingerIT specialistAsked:
Who is Participating?
 
Dave BaldwinFixer of ProblemsCommented:
The </div> that is right before the table needs to go right after it.  The 'sky' part of the church pic is showing right above the table.
0
 
Bill BachPresidentCommented:
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?
0
 
Robert EhingerIT specialistAuthor Commented:
I am not wanting the clouds, I want the image of the church that you see on the home page.
0
 
Tom BeckCommented:
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).
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.