Solved

HTML Table Backgrpound

Posted on 2013-11-03
4
130 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:RobertEhinger
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:RobertEhinger
ID: 39620554
I am not wanting the clouds, I want the image of the church that you see on the home page.
0
 
LVL 82

Accepted Solution

by:
Dave Baldwin earned 500 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

How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

Join & Write a Comment

Deprecated and Headed for the Dustbin By now, you have probably heard that some PHP features, while convenient, can also cause PHP security problems.  This article discusses one of those, called register_globals.  It is a thing you do not want.  …
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

707 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

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now