5 replies [Last post]
angelmckim
angelmckim's picture
Offline
newbie
Oregon
Last seen: 12 years 22 weeks ago
Oregon
Timezone: GMT-8
Joined: 2009-12-16
Posts: 3
Points: 4

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!

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 11 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

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

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

angelmckim
angelmckim's picture
Offline
newbie
Oregon
Last seen: 12 years 22 weeks ago
Oregon
Timezone: GMT-8
Joined: 2009-12-16
Posts: 3
Points: 4

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?

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 11 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

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;
  }
If so, make that #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

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 6 years 36 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

gary beat me to it

gary beat me to it

angelmckim
angelmckim's picture
Offline
newbie
Oregon
Last seen: 12 years 22 weeks ago
Oregon
Timezone: GMT-8
Joined: 2009-12-16
Posts: 3
Points: 4

Ah! You're brilliant! Thank

Ah! You're brilliant! Thank you so much. That took care of my very annoying problem. Smile

Thank you so very much for taking the time to look this over for me, and for your solution!

Have a great one!