Reply
Sat 4 Sep, 2004 07:05 pm
My css wont ... change the background color of my site to white anyone can help me ? here's my css..
<style type=text/css>
body {
background-image: url('bg.jpg');
background-position: 95px 0px;
background-attachment: scroll;
background-repeat: repeat-y;
background-color: #FFFFFF;
scrollbar-base-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-shadow-color: #5495CC;
scrollbar-highlight-color: #5495CC;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-arrow-color: #5495CC;
FILTER: chroma(color=#FFFFFF);
}
input, iframe.htmleditor, .button .textfield, textarea, select
{
border: 1px solid #5495CC;
background-color: #FFFFFF;
color: #5495CC;
font-family: Arial;
font-size: 10px;
line-height: 10pt;
color: #5495CC;
font-weight: normal;
letter-spacing:1px;
}
div {
font-family: Arial;
font-size: 10px;
line-height: 10pt;
color: #F6783A;
font-weight: normal;
}
.head {
font-family: verdana, tahoma;
font-size: 9px; font-weight:bold;
text-align: center; color: #B70408;
border: ##D95B1D; border-style: solid;
border-top-width: 0px; border-right-width: 0px;
border-bottom-width: 1px; border-left-width: 0px;
}
body, td {
font-size: 11px;
line-height: 10pt;
color: #F6783A;
font-weight: normal;
font-family: Century Gothic; }
a:link {
color: #F6783A;
font-size: 10px;
font-weight: bold;
text-decoration:none;}
a:visited {
color: #B70408;
font-size: 10px;
font-weight: bold;
text-decoration:none;}
a:hover {
color: #B70408;
font-size: 10px;
font-weight: bold;
text-decoration: overline underline;
cursor: crosshair;}
table,tr,td
{
font-weight: normal;
font-size: 10px;
color: #F6783A;
background-color: #FFFFFF;
}
HR{ color: #D78218;}
input{ font-family: verdana; font-size: 12px; }
textarea{ font-family: verdana; font-size: 12px; }
.subject{ color: #FEFEDE; font-family: verdana; font-size: 8pt; border-color: #000000; border-width: 0px; }
.comment{color: #D78218; font-family: verdana; font-size: 8pt; border-color: #000000; border-width: 0px;}
.newstext{ color: #000000; font-family: verdana; font-size: 8pt; border-color: #000000; border-width: 0px;}
.info{ color: #000000;font-family: verdana; font-size: 8pt; border-color: #D78218; border-width: 0px;}
.archive{ color: #000000; font-family: verdana; font-size: 8pt; }
.news{ border-color: #D78218; border-width: 0px;}
.icon{ font-size: 8pt; font-family: verdana; color: #D78218; background: #000000; border: solid #D78218; border-width: 0px;
</style>
someone please help me!!
You
do realize you are using both a backround image and a background color code right?
Quote:body {
background-image: url('bg.jpg');
background-position: 95px 0px;
background-attachment: scroll;
background-repeat: repeat-y;
background-color: #FFFFFF;
scrollbar-base-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-shadow-color: #5495CC;
scrollbar-highlight-color: #5495CC;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-arrow-color: #5495CC;
FILTER: chroma(color=#FFFFFF);
}
I don't know what image it is, and what's going on, maybe if you post your html I can better help you.
Re: My css wont ...
Minato wrote:My css wont ... change the background color of my site to white anyone can help me ? here's my css..
<style type=text/css>
This might not be related, but you should almost always embrace the value for an attribute in quotes, like this:
Code:<style type="text/css">
Re: My css wont ...
Minato wrote:.icon{ font-size: 8pt; font-family: verdana; color: #D78218; background: #000000; border: solid #D78218; border-width: 0px;
</style>
Oh, and additionally, you are missing a closing curly bracket there before the </style>.
Quote:input, iframe.htmleditor, .button .textfield, textarea, select {
border: 1px solid #5495CC;
background-color: #FFFFFF;
color: #5495CC;
font-family: Arial;
font-size: 10px;
line-height: 10pt;
color: #5495CC;
font-weight: normal;
letter-spacing:1px;
}
Here you specify the color twice.
Quote:.head {
font-family: verdana, tahoma;
font-size: 9px; font-weight:bold;
text-align: center; color: #B70408;
border: ##D95B1D; border-style: solid;
border-top-width: 0px; border-right-width: 0px;
border-bottom-width: 1px; border-left-width: 0px;
}
And this has the problem that you have a # too much in the border property.
Apart from that, the code looks fine to me.