W3C CSS Validator Resultaten met object : http://koehnline.com/koehnline01.css (CSS versie 2.1)

Gefeliciteerd! Geen fouten gevonden.

Dit document is gevalideerd als CSS versie 2.1 !

Om uw lezers te laten zien dat u de moeite heeft genomen om een interoperabele webpagina te maken, kunt u dit pictogram op elke gevalideerde pagina plaatsen. Hier is de HTML code die u kunt gebruiken om dit pictogram aan uw webpagina toe te voegen:

Valide CSS! 
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valide CSS!" />
    </a>
</p>
Valide CSS! 
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="Valide CSS!" />
    </a>
</p>

(Sluit de img tag met > in plaats van met /> als u HTML versie 4.01 of eerder gebruikt)

Als u wilt, kunt u een kopie van dit plaatje downloaden, in uw locale webdirectory zetten en in het XHTML fragment hierboven refereren aan uw lokaal opgeslagen afbeelding in plaats van aan die op deze server.

Als u een link wilt maken naar deze pagina (i.e. naar dit validatieresultaat om het gemakkelijker te maken deze pagina later te revalideren of anderen in staat te stellen uw pagina te valideren is de URL: 

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fkoehnline.com%2Fkoehnline01.css&warning=1&profile=css21&usermedium=all
or
http://jigsaw.w3.org/css-validator/check/referer (Alleen voor HTML documenten)

(Of u kunt de huidige pagina toevoegen aan uw favorieten of hotlist.)

↑ Top

Uw gevalideerde Cascading Style Sheet :

@charset "utf-8";
body {
margin : 0;
font-weight : normal;
font-size : 14px;
text-align : left;
color : #454c5f;
font-variant : small-caps;
font-family : Lithograph, Lithos, LithosPro-Regular, Arial, Helvetica, sans-serif;
background-color : #b5c0c6;
}
* {
margin : 0;
padding : 0;
}
h1 {
font-size : 24px;
letter-spacing : 0.01em;
padding : 6px 0;
}
h2 {
font-size : 20px;
letter-spacing : 0.05em;
}
h3 {
font-size : 18px;
font-weight : bold;
padding : 2px 0;
margin : 0;
}
h4 {
font-size : 16px;
margin : 0;
padding-bottom : 0.5em;
}
p {
color : #110000;
padding : 2px 0 4px 0;
margin : 0 0 10px 0;
font-variant : normal;
font-family : Arial, Helvetica, sans-serif;
}
em {
font-style : italic;
}
strong, a {
text-decoration : none;
margin : 0;
padding : 0;
}
ul {
list-style : none;
}
#container {
position : relative;
margin : auto;
width : 1200px;
}
#masthead {
width : 100%;
margin : 0;
padding : 0;
}
#logo a img {
float : left;
border : none;
}
#pagetitle {
float : left;
width : 1050px;
height : 130px;
background : #fbf9eb;
padding : 60px 0 0 20px;
}
* html #pagetitle {
display : inline;
padding : 58px 0 0 20px;
}
#fontnote {
position : absolute;
top : 9px;
left : 760px;
width : 300px;
background-color : #b5c0c6;
}
#fontnote h2 {
color : #636c82;
text-align : center;
font-size : 17px;
padding : 4px;
}
#getfont {
background-color : #636c82;
}
#getfont a {
display : block;
font-size : 18px;
letter-spacing : 0.05em;
font-weight : bold;
color : #b5c0c6;
text-align : center;
margin : 0;
padding : 6px;
}
#getfont a:hover {
display : block;
background : #454c5f;
color : #fed5cf;
}
#getfont a:active {
display : block;
background : #110000;
color : #ffff80;
}
#navbar {
float : left;
width : 98%;
background-color : #636c82;
border : #b5c0c6 solid;
border-width : 3px 0;
}
* html #navbar {
display : inline;
}
#navbar ul {
list-style : none;
margin : 0 0 0 30px;
}
#navbar li {
float : left;
background : #636c82;
padding : 4px 0;
font-weight : bold;
font-variant : normal;
font-size : 13px;
display : block;
}
#navbar a {
padding : 4px 10px;
color : #b5c0c6;
}
#navbar a:hover {
background : #454c5f;
color : #fed5cf;
}
#navbar a:active {
background : #110000;
color : #ffff80;
}
#main {
position : absolute;
top : 130px;
left : 0;
width : 100%;
background : #fbf9eb url(images/index/backby01.jpg) repeat-y;
}
#content {
float : left;
margin : 20px 0 0 0;
width : 1200px;
padding : 0;
z-index : 1;
}
* html #content {
display : inline;
}
#linkbar {
float : left;
width : 130px;
}
.link {
float : left;
width : 128px;
padding : 0 0 30px 2px;
}
.link img {
float : left;
border : solid 4px;
border-color : #b5c0c6 #636c82 #636c82 #b5c0c6;
}
.spacer {
float : left;
width : 130px;
padding : 0 0 30px 2px;
}
.spacer img {
float : left;
border : 0;
}
.textlink a {
display : block;
text-align : center;
color : #b5c0c6;
font-size : 12px;
letter-spacing : 1px;
font-weight : bold;
font-family : Arial, Helvetica, sans-serif;
padding : 5px;
margin : 0 4px 20px 4px;
background-color : #636c82;
border : #b5c0c6 solid;
border-width : 3px 0;
}
.textlink a:hover {
background-color : #454c5f;
color : #fed5cf;
}
.textlink a:active {
background-color : #110000;
color : #ffff80;
}
#recent, #popular {
float : left;
margin : 20px 0 200px 24px;
width : 16%;
}
* html #recent, #popular {
display : inline;
padding : 0 0 300px 0;
margin-left : 20px;
}
#feature {
float : left;
width : 584px;
background : #b5c0c6;
margin-left : 24px;
padding : 12px 0 800px 24px;
}
* html #feature {
display : inline;
padding : 12px 0 500px 24px;
margin-left : 20px;
}
#feature h1, h2, strong {
color : #454c5f;
}
#feature p, li {
font-variant : normal;
}
#feature img {
border : 0;
}
.fprint {
float : left;
width : 560px;
background : #636c82;
padding : 0 0 20px 0;
margin : 0 0 14px 0;
}
* html .fprint {
display : inline;
}
.fprint img {
float : left;
margin : 12px 0 0 12px;
}
.fprint a img {
border : 0;
}
.ftext {
float : left;
width : 560px;
padding : 5px 0;
border : #636c82 solid;
border-width : 0 0 2px 0;
margin : 0 0 24px 0;
}
.flast {
float : left;
width : 560px;
padding : 5px 0;
margin : 0;
}
.ftext a, .flast a {
background : #636c82;
font-weight : bold;
color : #b5c0c6;
padding : 2px 5px;
}
.ftext a:visited, .flast a:visited {
background : none;
color : #636c82;
}
.ftext a:hover, .flast a:hover {
background : #454c5f;
color : #fed5cf;
}
.ftext a:active, .flast a:active {
background : #110000;
color : #ffff80;
}
.ftext ul, .flast ul {
padding : 0 0 4px 0;
margin : 0 0 4px 0;
}
.ftext li, .flast li {
color : #110000;
padding : 2px 0;
margin : 0;
font-family : Arial, Helvetica, sans-serif;
}
#widetext {
float : left;
width : 756px;
background : #b5c0c6;
margin-left : 30px;
padding : 12px 24px 800px 24px;
}
* html #widetext {
display : inline;
padding : 12px 24px 500px 24px;
margin-left : 18px;
}
#widetext h1, h2, strong {
color : #454c5f;
}
.wtext {
float : left;
width : 760px;
padding : 5px 0;
border : #636c82 solid;
border-width : 0 0 2px 0;
margin : 0 0 24px 0;
}
.wtext a {
background : #636c82;
font-weight : bold;
color : #b5c0c6;
padding : 2px 5px;
}
.wtext a:visited {
background : none;
color : #636c82;
}
.wtext a:hover {
background : #454c5f;
color : #fed5cf;
}
.wtext a:active {
background : #110000;
color : #ffff80;
}
.wtext ul {
padding : 0 0 4px 0;
margin : 0 0 4px 0;
}
.wtext li {
color : #110000;
padding : 2px 0;
margin : 0;
font-family : Arial, Helvetica, sans-serif;
}
#footer, #footer_w {
float : left;
width : 560px;
background : #636c82;
padding : 20px 0 0 0;
margin : 0;
color : #b5c0c6;
text-align : center;
}
* html #footer, * html #footer_w {
display : inline;
}
#footer_w {
width : 760px;
}
#hunter, #hunter_w {
float : left;
width : 510px;
padding : 0;
margin : 20px 26px;
}
* html #hunter, * html #hunter_w {
display : inline;
}
#hunter_w {
width : 710px;
}
.valid {
float : left;
width : 88px;
}
.valid img {
border : none;
}
#by, #by_w {
float : left;
width : 330px;
text-align : center;
}
#by_w {
width : 530px;
}
#by p, #by_w p {
color : #b5c0c6;
}
#by a, #by_w a {
background : #454c5f;
color : #b5c0c6;
font-weight : bold;
padding : 2px 5px;
}
#by a:visited, #by_w a:visited {
background : none;
color : #b5c0c6;
}
#by a:hover, #by_w a:hover {
background : #454c5f;
color : #fed5cf;
}
.wtext a:active, #by_w a:active {
background : #110000;
color : #ffff80;
}

↑ Top