PDA

View Full Version : Templates


krickabaugh
01-30-2011, 07:19 PM
This is my first time creating a template. I have a background image in the logo div and also in the wrapper div. When I create the template, the background images do not show up. There are other images on the page that do show up. I've tried deleting the background color in the code, but that did not work. Any help you can give me is appeciated. Thank you in advance.

wrapper {
text-align: left;
width: 760px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
border: thin solid #FFF;
padding: 20px;
background-color: #000;
background-image: url(../Images/river%20rocks%20for%20web%20screened%20black.jpg);
}
#header {
margin-top: 0px;
margin-bottom: 12px;
clear: both;
}
#sidebar {
width: 180px;
padding-top: 3px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #FFF;
}
#content {
float: right;
width: 560px;
text-align: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
font-style: italic;
font-weight: normal;
color: #FFF;
}
.fontsize {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-style: italic;
font-weight: lighter;
text-decoration: none;
}
#footer {
margin-top: 12px;
margin-bottom: 12px;
}
#logo {
height: 100px;
padding-bottom: 0px;
background-color: #CCC;
background-image: url(../Images/Death%20Valley%20Floor%20Panorama%20copy%20760x100 %20screened.jpg);
border: thin solid #FFF;

DWcourse
01-30-2011, 07:25 PM
A few things:

Is your CSS in an external file or in the template file itself (it should really be in an external file)

Don't use spaces in your file and folder names. It might cause problems on some servers.

Is you're images folder "Images" or "images"? On some servers, file/folder names are case sensitive.

johnMoss
01-31-2011, 04:39 AM
The image file names are quite long. I've actually run into this problem before with an ecommerce server. I had too many characters in some of the image file names. The solution was to shorten them.

johnMoss
01-31-2011, 04:40 AM
%20760x100 %20screened

There is also a space here in this image name from #logo.

Corrosive
01-31-2011, 07:19 AM
Post code by all means (it helps) but please use code tags when you do. It is the # symbol when you post. Thanks.