# January 3, 2009 at 1:15 pm
I am trying to get the top part of the site to have a dark gray color, I can get it so that it looks like the image below
http://learnitpassiton.com/ABC/wp-conte … ecolor.jpg
But I want the gray color to go down to line up with the header or even to the bottom of the page and link with the footer. I want the middle to stay that white color.
Oh and I am still having some trouble positioning a monster on the left hand side of the page, not sure which php page to put the div for it?
Thanks again for all the earlier help :)# January 3, 2009 at 2:28 pm
I am not 100% sure on this, but the top and the top nav are all background styles with #231f20 as the color. The header image just has the color in it. I think the footer if getting the color from the page style?
Thanks for having a look.
I have set the background color for the page. Here are my layout styles, this is the color :#231f20
/*========= LAYOUT =========*/
border: 1px solid #CCCCCC;
/*— Main Columns —*/
padding:15px 15px 25px;
/*— Sub Columns —*/
padding: 0 0 10px;
/*========= HEADER =========*/# January 3, 2009 at 2:38 pm
This reply has been reported for inappropriate content."godonholiday" wrote:I am not 100% sure on this, but the top and the top nav are all background styles with #231f20 as the color. The header image just has the color in it. I think the footer if getting the color from the page style?
but what is your html??? this makes no sense without the html!!!!!
would be easier with a link
anyway is this the colour you want? #231f20 if so make your div to be the same size as the main image# January 3, 2009 at 2:53 pm
A link to the site?
a link to the html? is it not readable in source view? If not should I link to each php page?
I think if I create a div and set the color, I will loose thw white in the middle of the page? or would I haveo play with the z-index?
thanks# January 3, 2009 at 7:25 pm
This reply has been reported for inappropriate content.
to do that what I would do is create a background slice – 1px high and the full width of your #columns div – of that section you want. then set it as the #columns background image repeating y.
So cut a section of this 1px high – full width:
and set it as the #columns background.# January 4, 2009 at 8:02 am
This reply has been reported for inappropriate content."godonholiday" wrote:Thanks! I have got it to work… but now I think it looks a little claustrophobic! lol Some of the header does not lign up right either.
Well thanks for the help!
To be honest I liked your use of white space with a box layout – it worked quite nice with the subtle darker colour in the background. I would keep it as it is and match the footer to the rest :)
You must be logged in to reply to this topic.