Wed, 2009-12-16 02:44
I have searched through books and forum posts, and tweaked my css code, and I still can't get the old background that I had previously on my css coding to update to a new plain background color. If someone could take a look at this and tell me what I'm doing wrong, that would be appreciated since I just can't seem to figure it out.
The background color I'm trying to get is: 0E131B. And as you can see, there is a gradiated background that goes from a black to a dark gray around the side bar and content sections. I don't know what I did, but I'm at a loss.
Here's a link to my main page (the only one I'm concerned about at this point:
http://www.whiteravenart.net/home.html
Here's the CSS:
body { margin:114px 0 0 0; line-height:16px; font-family: Tahoma, Arial; background: url(/images/main.jpg) no-repeat center top #0E131B; color:#C8E0FE; font-size:11px; background-color:#0E131B;} a { color:#4DF4F7; text-decoration:none;} a:hover { color:#FFFFFF; text-decoration:none;} #header {} #logo { padding:30px 0 120px 0;color:#fff; text-align:center;} #logo a{ color:#fff; text-decoration:none; font-weight:bold; font-size:24px; text-transform:lowercase; } #menu {color:#fff; text-align:center; margin-bottom:62px;} #menu ul {text-align:center;list-style:none; padding:0;} #menu ul li {display:inline} #menu ul a { font-weight:bold; font-size:14px; text-decoration:none; color:#fff; background-color:#0E131B; padding:0 10px 2px 10px;} #menu ul a:hover { background-color:#445d6c;} #main {background: url(/images/line.jpg) repeat-y top; background-color:#0E131B;} #content {width:780px; margin:0 auto; background-color:#0E131B;} #text { width:520px; background-color:#0E131B;} #text p { margin:7px 0 7px 0; background-color:#0E131B;} #text li {background-color:#fff; no-repeat 0px 7px; background-color:#0E131B;} #sidebar {float:right; width:227px; background-color:#0E131B; margin:10px 10px 0 0; background-color:#0E131B;} #sidebar_top { width:227px; height:40px; background:url(/images/tops.jpg) no-repeat; background-color:#0E131B;} #sidebar_text { padding: 0 30px;} #sidebar_text p { margin:5px 0 5px 0;} #sidebar_bottom { width:227px; height:57px; background:url(/images/bottoms.jpg) no-repeat; background-color:#0E131B;} #sidebar h2 { font-size:13px; text-transform:lowercase; color:#fff; margin:20px 0 0 0; padding:0; background-color:#0E131B;;} h1 {margin:30px 0 0 0; padding:5px 0 7px 45px; text-transform:lowercase; font-size:24px; color:#fff; background:url(/images/bullet.jpg) no-repeat; background-color:#0E131B;} #footer {background:url(/images/mainfoot.jpg) no-repeat top center; background-color:#0E131B; height:102px; clear:both; width:780px; margin:0 auto; } #left_footer { float:left; padding:60px 0 0 30px; color:#fff; font-size:12px;} #left_footer a { color:#fff;} #left_footer a:hover { text-decoration:none;} #right_footer { float:right; padding:60px 30px 0 0; color:#fff; font-size:12px; text-align:right;} #right_footer a { color:#fff;} #right_footer a:hover { text-decoration:none;}
Any help is much appreciated!
Wed, 2009-12-16 04:41
#1
As near as I can tell, the
As near as I can tell, the background color is as you want. Do a hard refresh; you may be looking at a cached version.
Oh, and lose the bgcolor attributes in your html.
cheers,
gary
Thu, 2009-12-17 02:09
#2
Thank you for your advice. I
Thank you for your advice.
I got rid of the bgcolor attribute in the body of the html on the page, even went as far as deleting the style.css file from my web hosting file manager and uploading an updated version, but it's still doing this. I made sure to do all this after deleting all of the browing history, cookies, and temporary internet files to make sure my browser isn't pulling from a cached page.
I hate to be a pest, but any other suggestions to try?
Thu, 2009-12-17 03:16
#3
Ah, maybe my bad. I didn't
Ah, maybe my bad. I didn't have my window open wide enough(?) Are you talking about the background image on #main?
#main { background:#0E131B url(<a href="http://www.whiteravenart.net/images/line.jpg" rel="nofollow">http://www.whiteravenart.net/images/line.jpg</a>) repeat-y scroll center top; }
#main {}. Simply don't declare a background. You already have the background color set for body, and the default is transparent; thus no need for a redundant property on #main.
cheers,
gary
Thu, 2009-12-17 16:22
#4
gary beat me to it
gary beat me to it
Fri, 2009-12-18 04:19
#5
Ah! You're brilliant! Thank
Ah! You're brilliant! Thank you so much. That took care of my very annoying problem. 
Thank you so very much for taking the time to look this over for me, and for your solution!
Have a great one!