Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

HTML Table Backgrpound

Posted on 2013-11-03
4
Medium Priority
?
138 Views
Last Modified: 2013-11-07
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
0
Comment
Question by:Robert Ehinger
4 Comments
 
LVL 28

Expert Comment

by:Bill Bach
ID: 39620540
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
 

Author Comment

by:Robert Ehinger
ID: 39620554
I am not wanting the clouds, I want the image of the church that you see on the home page.
0
 
LVL 84

Accepted Solution

by:
Dave Baldwin earned 2000 total points
ID: 39620625
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
 
LVL 38

Expert Comment

by:Tom Beck
ID: 39620626
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

Featured Post

Vote for the Most Valuable Expert

It’s time to recognize experts that go above and beyond with helpful solutions and engagement on site. Choose from the top experts in the Hall of Fame or on the right rail of your favorite topic page. Look for the blue “Nominate” button on their profile to vote.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

972 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question