471,605 Members | 1,471 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,605 software developers and data experts.

background images

Hi,
I am designing a theme for a wordpress blog and I am having some problems with repeating background images.

Specifically, the background image will not show or repeat in the body, or in the sidebar. I realize this could be a php problem but I wanted to check and make sure it wasn't a css issue first. The repeating image will work in the .content section. I don't get it!

Thanks.


Here is my stylesheet:

*
Theme Name: YRF
*/

body {
margin: 0px;
background: url(http://www.yeahrightfilms.com/images/background.GIF) #fff;
background-repeat: repeat-x;
line-height: 18px;
color: #333333;
FONT-FAMILY: Verdana, Arial, sans-serif

}

.blogtitle {
BACKGROUND: #fff;
font-family: Tahoma;
font-size: 12pt;
letter-spacing: 3px;
font-weight: lighter;
color: #7A3611;
position: absolute;
left: 150px;
top: 0px;
height: 125;
width: 600px;
}

#sidebar {
position: absolute;
top: 0px;
left: 0px;
width: 150px;
font-family: Tahoma;
font-size: 7.5pt;
color: #BFC4BE;
background: url(http://www.yeahrightfilms.com/images/background.GIF) #fff;
background-repeat: repeat-x;
text-align: justify;;
}


.content {
BACKGROUND: #fff;
position: absolute;
top: 50px;
left: 150px;
width: 600px;
font-family: Tahoma;
font-size: 7.5pt;
color: #BFC4BE;
text-align: justify;
}

H2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 27px; PADDING-BOTTOM: 5px; MARGIN: 0px; COLOR: #333; PADDING-TOP: 15px; FONT-STYLE: normal; FONT-FAMILY: Georgia, "Times New Roman", Times, serif; TEXT-ALIGN: center
}
H3 {
MARGIN-TOP: 2px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR: #999; FONT-FAMILY: Georgia, Times, serif; TEXT-ALIGN: center
}


#footer {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 9px; PADDING-BOTTOM: 2px; MARGIN: 35px 0px; TEXT-TRANSFORM: uppercase; COLOR: #ccc; PADDING-TOP: 2px; TEXT-ALIGN: center
}
Aug 29 '07 #1
1 1489
drhowarddrfine
7,435 Expert 4TB
The CSS is valid and don't see any obvious problem with that, though you should use lower case.
Aug 29 '07 #2

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

3 posts views Thread by MediaDesign | last post: by
3 posts views Thread by ribinha | last post: by
3 posts views Thread by Viken Karaguesian | last post: by
1 post views Thread by XIAOLAOHU | last post: by
reply views Thread by leo001 | last post: by
reply views Thread by MichaelMortimer | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.