I need help cleaning up my first design.

[bryanglanz]

I have a design at I need to brush up and Im not sure how to go about it.

I would like to put a background in content and sidebar div's. I know that theres a way to do it and I just cant seem to get it right no matter where I put color tags or bg urls. I have a feeling that maybe I put something in the css to conflict it but I cant seem to find it.

I have the site uploaded at an unused domain of mine.

http://www.newsweeder.com

Any help would be extremely helpful. It was based off of an template that Im just trying to conform to my needs. The black area and lash the logo are all one image as well.

I think I will need to seperate them because the black area will eventually be flash images on a constant rotate.

[bgolat]

Bryan,

You can set a background color or background image to that template by adjusting the #content and #left divs in the style sheet.

For example, if you wanted to make the #content section have a black background you would add background-color: #000; to the #content section of the css.

#content { float:left; margin:0 0 0 0px; font:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:12px; width:524px; line-height:18px; margin-top: 15px; background-color: #000; }

Also, if you wanted to add an image you would just add background-image: url(blah.jpg); to the #content in the css.

#content { float:left; margin:0 0 0 0px; font:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:12px; width:524px; line-height:18px; margin-top: 15px; background-image: url(blah.jpg); }

Same goes for the #left div (which is actually on the right side).

[bryanglanz]

hah Yeah thank you. I knew that I needed something quite simple. Yeah I had it on the left and then decided to switch it. I should probably go through and edit that as well.

The float comment; Would that work so I could have a flash video next to the logo

[bryanglanz]

One other thing if you can help again. After I change the content background over. I still have a padding issue where the header, logo and footers are all too sapced apart. Is it a padding issue? Im still trying to grasp the concept.... I thought i edit out the padding and set them to zero, and nothing changed?

[CaffinePhil]

Have you tried seeting the body margin to 0?

body {
margin: 0;
}

[bryanglanz]

****ing right it was actually like 6 different margin settings but thank you that got me where I want to be. You see that black box up in the right?

That will be flash rotation type thing. What's thoughts on just creating that as a like a float. Like What I'd like to do is make the logo and that black box all as one piece. I would edit the black box to just be like a border and then couldn't I just float some flash code in there?

Or is that going to be really stupid to do it that way?

thank you