Hello all,
For some reason I cannot figure out the proper link to get my CSS stylesheet to load properly in HTML. Dreamweaver validated the html for me and everything loaded properly when loading this into a browser from dreamweaver, however, once I uploaded it, the css wont work. My best guess is that it is the link… but I have tried a bunch of different variations and can’t seem to get it to work. Website is http://www.turflandscapes.com
Any guidance would be very helpful… obviously I am a little new at this.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>index.html</title>
<link href="_css/thrColElsHdr.css" rel="stylesheet" type="text/css" /><!--[if IE 5]>
<style type="text/css">
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixRtHdr #sidebar1 { width: 220px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixRtHdr #sidebar1 { padding-top: 30px; }
.twoColFixRtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
<style type="text/css">
<!--
.twoColFixRtHdr #container #sidebar1 h3 {
font-family: "Arial Black", Gadget, sans-serif;
color: #FFF;
}
.twoColFixRtHdr #container #footer {
font-family: Arial Black, Gadget, sans-serif;
}
.twoColFixRtHdr #container #sidebar1 h4 {
color: #FFF;
}
-->
</style>
</head>
<body class="twoColFixRtHdr">
<div id="container">
<div id="header">
<h1><img src="_images/logo/turf_logo.gif" width="547" height="58" /></h1>
<!-- end #header --></div>
<div id="sidebar1">
<h4> UNDER CONSTRUCTION...</h4>
<h4>This is a temporary website until we have our completed website up and running. Thank you for your patience.</h4>
<p> </p>
<!-- end #sidebar1 --></div>
<div id="mainContent">
<h1> TURF Landscapes</h1>
<p>Turf Landscapes provides landscaping and maintenance in Central Oregon. For an estimate, please contact Sterling West at (541) 948-7669 or <a href="mailto:swest@turflandscapes.com">swest@turflandscapes.com</a>.</p>
<h5>UNDER CONSTRUCTION...</h5>
<!-- end #mainContent --></div>
<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
<div id="footer">
<p>Turf Landscapes | Phone: (541) 617-TURF (7669) | Bend, OR. 97702</p>
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>