PDA

View Full Version : CSS Table background problem



adriss
Mar 27th, 2007, 03:17 AM
Hello,
All my tables appear to have a transparent background. I'd like to default all table backgrounds to white... but I can't seem to find a way.

The url is: url (https://adriss.com/updatedsolutions.com/samplepage.php)

jlhaslip
Mar 27th, 2007, 03:29 AM
check your Doc type here (http://www.w3.org/QA/2002/04/valid-dtd-list.html)
I don't think yours is correct. I believe they are case-sensitive, for one thing. Your page is showing in Quirks Mode as it exists.

And perhaps you might list the CSS from one of these 5 CSS files which affects the table. I really don't look forward to rummaging around through it to find the right spot.

And read this: http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side
Scroll a little to see the Visual Model for the layers involved in tables. Good place as any to start.

And placing a white background on div.boxcontent might do it.

adriss
Mar 27th, 2007, 03:55 AM
Thanks for your reply, I made the correction to the DOCTYPE and it fixed the centering problem I had in IE. thanks!!

It created a problem in Firefox, where the footer overlaps the content area... not sure why.

any ideas?

Thanks for your help!!!

adriss
Mar 27th, 2007, 04:00 AM
And placing a white background on div.boxcontent might do it.

I do have a background:
.boxcontent {
margin-top:-4px;
BORDER-RIGHT: #BB2B2A 2px solid;
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
BORDER-LEFT: #BB2B2A 2px solid;
TEXT-ALIGN: left;
background: white;
}

Any other suggestions?

Thanks again.

jlhaslip
Mar 27th, 2007, 04:04 AM
background-color: white;

http://www.w3.org/TR/CSS21/colors.html

adriss
Mar 27th, 2007, 04:07 AM
.boxcontent {
margin-top:-4px;
BORDER-RIGHT: #BB2B2A 2px solid;
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
BORDER-LEFT: #BB2B2A 2px solid;
TEXT-ALIGN: left;
background-color: white;
}

didn't work

koyama
Mar 27th, 2007, 04:16 AM
In that case you are targeting the wrong elements. Because the elements of class boxcontent appear quite white when I look at them. ;)

jlhaslip
Mar 27th, 2007, 04:18 AM
try it on one of the other layers using that space. The div, or the table, or the tr, or the td.

div#side2 maybe?

adriss
Mar 27th, 2007, 04:22 AM
div,table,tr,td {
background-color: white;
}

and nothing...

What am I doing wrong?

koyama
Mar 27th, 2007, 08:31 PM
What am I doing wrong?
You have this in your layout.css style sheet:


body,td {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-image:url('images/bodybg.jpg');
}
This means that each table cell td is tiled by the same background image as the body element. Remove the red td. After doing that you can use table {background: white}

adriss
Mar 27th, 2007, 08:51 PM
Thanks again, for all your help!!

This thread is closed.