This is my page
http://www.codexed.com/~skylarkThis is just some part of my my code. (on another layout that I've tried) Did I put everything to where they should be? I validated the page using part of this code and I get valid Transitional.. but I wanted Xhtml strict.
<style type="text/css">
/* <![CDATA[ */
@import "all.css"; /* just some basic formatting, no layout stuff */
body {
margin:0px 0px 0px 0px;
}
#leftcontent {
float:left;
width:67%;
background:#ccccff;
border-right:2px solid #ffccff;
border-bottom:2px solid #ffccff;
margin-right:15px;
padding-bottom:20px;
}
#rightcontent {
}
p,h1,pre {
margin:0px 30px 10px 30px;
}
h1 {
font-size:14px;
padding-top:10px;
}
#rightcontent p {
font-size:12px;
margin-left:0px;
}
/* ]]> */
</style>
</head>
<script src="filename.js" type="text/javascript"></script>
<body>
<div id="leftcontent">
<h1><a href="http://www.codexed.com/~skylark">Skylark</a></h1>
<hr />
<h1>[title]</h1>
<h1>[time "%A, %B %d, %Y @ %H:%M %p"]</h1>
<pre>
</pre>
<p>[body]</p>
This was the previous... and when I validate this using this one.... my xhtml strict 1.0 has error which was pointed at already. I need to remove the CCS?
<style type="text/css">
Body {font-family : Verdana, Arial, Helvetica, Sans-Serif; background-color : #ffccff; color : #000000; font-size : 10pt;}
A:link {color : #9966cc; font-weight : bold; text-decoration : none; background : none;}
A:active {color : #800080; font-weight : bold; text-decoration : none; background : none;}
A:visited {color : #FF0000; font-weight : bold; text-decoration : none; background : none;}
A:hover {color : #000000; font-weight : bold; text-decoration : underline; background : none;}
[CDATA[
@import "all.css"; /* just some basic formatting, no layout stuff */
body {
margin:0px 0px 0px 0px;
}
#leftcontent {
float:left;
width:67%;
background:#ccccff;
border-right:2px solid #ffccff;
border-bottom:2px solid #ffccff;
margin-right:15px;
padding-bottom:20px;
}
#rightcontent {
}
p,h1,pre {
margin:0px 30px 10px 30px;
}
h1 {
font-size:14px;
padding-top:10px;
}
#rightcontent p {
font-size:12px;
margin-left:0px;
}
/*]]>*/
</style>
</head>
<body>
<div id="leftcontent">
<h1><a href="http://www.codexed.com/~skylark">Skylark</a></h1>
<hr />
<h1>[title]</h1>
<h1>[time "%A, %B %d, %Y @ %H:%M %p"]</h1>
<pre>
</pre>
<p>[body]</p>
Thanks to whoever's going to respond and help once more.