- This topic is empty.
-
AuthorPosts
-
January 3, 2009 at 1:15 pm #23871godonholidayMember
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.jpgBut 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.
Any ideas?
Cheers,
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 #52602godonholidayMemberI 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 =========*/#page{
width: 960px;
background-color: #231f20;
margin:15px auto;
border: 1px solid #CCCCCC;
position: relative;
}
/*— Main Columns —*/
#columns{
padding:15px 15px 25px;
background-color: #FFFFFF;
margin: 0px;
}
.col1{
float: left;
width: 595px;
padding-right:15px;
}
.col2{
float: left;
width: 320px;
position: relative;
}
/*— Sub Columns —*/
.subcol{
width: 150px;
}
.subcol h2{
font-size: 14px;
padding: 0 0 10px;
color: #FFFFFF;
}
#side {
position: relative;
}/*========= HEADER =========*/
January 3, 2009 at 2:53 pm #52611godonholidayMemberA link to the site?
http://www.learnitpassiton.com/ABCa 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:46 pm #52620godonholidayMemberThanks, I’ll give that a go. Late now :)
January 4, 2009 at 6:41 am #52631godonholidayMemberThanks! 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!
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.