Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Pages: 1
#1 2005-11-10 01:55:37
- deronsizemore
- Member
- From: Kentucky
- Registered: 2005-11-02
- Posts: 324
Not recognizing my stylesheet
Here is my site: www.deronsizemore.com
I took all of my content down and just starting from scratch to try and implement txp with my site. It is not recognizing my stylesheet. I have background images in my stylesheet that basically makes up the look of the site.
Here is my html:
<CODE>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml” xml:lang=“en” lang=“en”>
<head>
<meta http-equiv=“content-type” content=“text/html; charset=utf-8” />
<title><txp:page_title /></title>
<meta name=“keywords” content=“Deron Sizemore, Web Design, XHTML, CSS, Lexington, Kentucky, Design Services, Search Engine Optimization, Content Management, Website, Web, Site, Page, Internet, Design, Lexington, Louisville, Richmond, Georgetown, Development “ />
<meta name=“description” content=“Deron Sizemore Design is the personal portfolio of Deron Sizemore. Along with his portfolio he also offers web design services for clients in the Lexington, KY area.” />
<meta name=“author” content=“Deron Sizemore” />
<meta name=“publisher” content=“Deron Sizemore” />
<meta name=“copyright” content=“Deron Sizemore Design” />
<meta name=“title” content=“Deron Sizemore Design” />
<meta http-equiv=“Pragma” content=“cache” />
<meta name=“MSSmartTagsPreventParsing” content=“True” />
<meta http-equiv=“IMAGETOOLBAR” content=“No” />
<meta name=“doc-rights” content=“copyrighted work” />
<meta name=“rating” content=“General” />
<link rel=“stylesheet” href=”<txp:css />” type=“text/css” media=“screen” />
</head>
<body>
<div id=“container”>
<div id=“inner”>
<!— header begins —>
<div id=“header”></div>
<!— header ends —>
<!— navigation begins —> <div id=“navcontainer”> <ul id=“navlist”> <li id=“current”><a href=“index.htm”>Home</a></li> <li><a href=“about.htm”>About</a></li> <li><a href=“portfolio.htm”>Portfolio</a></li> <li><a href=“services.htm”>Services</a></li> <li><a href=“contact.php”>Contact Me</a></li> </ul> </div> <!— navigation ends —>
<!— left content begins —> <div id=“leftcontent”>
</div> <!— left content ends —>
<!— right content begins —> <div id=“rightcontent”>
</div> <!— right content ends —>
<!— Start of StatCounter Code —> <script type=“text/javascript”> <!— var sc_project=735334; var sc_partition=6; var sc_security=“879041e7”; var sc_invisible=1; //—> </script>
<script type=“text/javascript” src=“http://www.statcounter.com/counter/counter_xhtml.js”></script><noscript><div class=“statcounter”><a class=“statcounter” href=“http://www.statcounter.com/”><img class=“statcounter” src=“http://c7.statcounter.com/counter.php?sc_project=735334&java=0&security=879041e7&invisible=1” alt=“counter” /></a></div></noscript> <!— End of StatCounter Code —>
<!— clearer begins —> <div id=“clearer”></div> <!— clearer ends —> </div>
<!— footer begins —> <div id=“footer”>Valid <a href=“http://validator.w3.org/check?uri=http://www.deronsizemore.com”>XHTML</a> / <a href=“http://jigsaw.w3.org/css-validator/validator?uri=http://www.deronsizemore.com”>CSS</a></div> <!— footer ends —></div>
</body>
</html></CODE>
And here is my CSS code:
<CODE> /* mac hide \*/ html,body {height:100.1%} /* end hide – do not move the comments as they are the hack*/ body { font: 12px Arial, Verdana, Helvetica, Sans-Serif; margin: 0 auto; padding: 0px; background: #89b6f9; text-align: center; } p { margin: 0; padding: 0; } #container{ background: #fff url(images/page_fill.gif) repeat-y center top; position: relative; text-align: justify; width: 750px; text-align: left; margin: auto; min-height: 100%; }- html #container {height:100%}
#inner { padding:0 71px 0
}
#header { background: url(images/headerimage.jpg) no-repeat; height: 175px;
}
#navcontainer {/*navigation menu at the top of the page*/ width: 608px; background-color: #89b6f9; border-bottom: 5px solid #ffffff; border-top: 5px solid #ffffff; color: #ffffff; height: 18px;
} - html #navcontainer {
height:28px;
he\ight:18px
}
#navcontainer a { padding-left: 0; padding-right: 10px; position:relative;
}
/*mac hide \*/ - html #navcontainer a {height:1%}
/* end hide*/
#navlist { margin: 0; padding: 0; padding-left: 5px; padding-top: 2px;
}
#navlist li { display: inline; list-style-type: none; padding-right: 7px; font-weight: bold;
}
#navlist li a:link, li a:visited { text-decoration: none; color: #ffffff;
}
#navlist li a:hover, li a:visited:hover, #navlist #current a { text-decoration: none; color: #666666;
}
#leftcontent { /*this is the left content body styles*/ width: 400px; float: left; color: #666666; line-height: 18px; font-size: 13px;
}
#leftcontent a:link, #leftcontent a:visited { color: #0069af;
}
#leftcontent a:hover, #leftcontent a:visited:hover { color: #ff9900;
}
#leftcontent p { margin-top: 15px;
}
#websiteimage { width: 148px; text-align: center; float: left; clear: left; margin: 8px 12px 0 0;
}
#websiteimage img { border: 4px double #999999;
}
#websiteimage p { margin: 0 10px 0 0; font-size: 11px;
}
#borderbottom { border-bottom: 1px dashed #999999; font-size: 1px; margin-top: 10px; margin-bottom: 10px;
}
.logos { text-align: center;
}
.graphics { text-align: center;
}
.logos img { margin-bottom: 20px;
}
#rightcontent { width: 196px; float: right; color: #ffffff; font-size: 11px;
}
.contactrightcontent { padding: 0 9px 0 9px; margin: 5px 0 15px 0;
}
.rightcontent { padding: 0 9px 0 9px; margin: 0 0 15px 0; line-height: 14px;
}
.rightcontent img { display: block; margin: 0; padding: 0;
}
#rightcontent a:link, #rightcontent a:visited{ color: #ffc77f; text-decoration: underline;
}
#rightcontent a:hover, #rightcontent a:visited:hover { color: #ffc77f; text-decoration: underline;
}
#futurelist ul{
margin-left: 10px;
padding-left: 0;
line-height: 17px;
}
#futurelist li {
list-style: none;
}
#choosedestination ul {
margin-left: 10px;
padding-left: 0;
line-height: 17px;
}
#choosedestination li {
list-style: none;
font-size: 14px;
}
#resumelinks ul {
margin-left: 10px;
padding-left: 0;
line-height: 17px;
}
#resumelinks li {
list-style: none;
font-size: 14px;
}
.date {
padding-left: 10px;
margin-bottom: 5px;
}
.labelContainer {
padding: 5px 5px 5px 0;
margin-bottom: 5px;
color: #666666;
}
.fieldContainer {
text-align: left;
padding: 5px 5px 5px 0;
margin-bottom: 5px;
width: 300px;
}
textarea {
width: 390px;
height: 150px;
overflow: auto;
background-color: #cccccc;
border: 1px solid #666666;
padding: 3px;
margin-bottom: 3px;
}
input {
background-color: #cccccc;
border: 1px solid #666666;
padding: 3px;
margin: 0;
}
input.submit {
background-color: #ffffff;
font-weight: bold;
border: 1px solid #666666;
padding: 0;
color: #ff9900;
}
.required {
color: #ff0000;
}
h1 {
font-size: 15px;
margin-top: 5px;
}
h2 {
font-size: 15px;
margin-top: 15px;
}
h3 {
margin: 0 0 8px 0;
padding: 5px 0 3px 9px;
font-size: 15px;
font-style: italic;
border-bottom: 2px solid #ffffff;
}
#clearer {
clear: both;
height: 50px;
overflow: hidden;
margin-top: -1px;
}
#footer {
font-size: 10px;
left: 375px;
height: 17px;
position: absolute;
bottom: 0;
clear: both;
color: #666666;
}
#footer a:link, #footer a:visited {
color: #0069af;
}
#footer a:hover, #footer a:visited:hover {
color: #ff9900;
}
</CODE>
I have all of my images in the folder “images” in the root of my webserver. Does anyone know what I’m doing wrong here?
Last edited by deronsizemore (2005-11-10 01:57:17)
Offline
Re: Not recognizing my stylesheet
It looks like you don’t have the url of any of your images. If you include them, your images should show up.
Offline
#3 2005-11-10 02:26:11
- Mary
- Sock Enthusiast
- Registered: 2004-06-27
- Posts: 6,236
Re: Not recognizing my stylesheet
Change your image urls from (as an example):
images/headerimage.jpg
to:
/images/headerimage.jpg (note the starting slash)
Offline
#4 2005-11-10 02:28:20
- deronsizemore
- Member
- From: Kentucky
- Registered: 2005-11-02
- Posts: 324
Re: Not recognizing my stylesheet
Ah…thanks both of you. That did it.
I was confused because I’ve never needed to do that before. It’s always worked…but I suppose with txp obviously it is different. Thanks.
Offline
#5 2005-11-10 02:42:54
- Mary
- Sock Enthusiast
- Registered: 2004-06-27
- Posts: 6,236
Re: Not recognizing my stylesheet
No, you’d need to do that with “regular” HTML pages too.
Url values in a stylesheet are relative to the stylesheet’s location, not to the page that calls it.
If you’re using an img tag within your page, and you gave the image url as images/image.gif, if you ever moved up a directory, say http://your-site.com/somewhere/something.php, it would look for the image url as relative to that directory too: http://your-site.com/somewhere/images/image.gif
The starting slash tells both stylesheets and pages to disregard the context, and give the url as starting from the root of the site.
Offline
Pages: 1