W3C CSS Validator Resultaten met object : http://www.igorsbrezinskis.com/index.html (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?lang=nl&warning=0
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 :

body, h1, h2, h3, h4, h5, h6, a, p, li, ul, fieldset, legend, label {
margin : 0;
padding : 0;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 18px;
}
body {
margin : 0;
padding : 0;
background : url(../images/bg.gif) repeat-y fixed top center;
}
#header {
width : 800px;
height : 185px;
margin : 0 auto 0 auto;
padding : 0 0 0 0;
}
#header img {
margin : 0;
padding : 0;
border : 0;
float : left;
}
#header_bg {
background : url(../images/bg_header.png) no-repeat top center;
width : auto;
height : auto;
margin : 0 auto 0 auto;
padding : 0;
}
#navigation {
float : right;
width : 400px;
margin-top : 5px;
}
#navigation ul {
width : 400px;
padding : 0;
list-style-type : none;
border : 0;
}
#navigation ul li {
background : url(../images/navigation.gif) no-repeat;
float : left;
width : 80px;
height : 43px;
border : 0;
}
#navigation ul li a {
display : block;
height : 100%;
width : 100%;
text-indent : -90000px;
border : 0;
}
#navigation ul li#home {
background-position : 0 0;
}
#navigation ul li#home:hover {
background-position : 0 -45px;
}
#navigation ul li#home.current, #navigation ul li#home:active {
background-position : 0 -90px;
}
#navigation ul li#portfolio {
background-position : -80px 0;
}
#navigation ul li#portfolio:hover {
background-position : -80px -45px;
}
#navigation ul li#portfolio.current, #navigation ul li#portfolio:active {
background-position : -80px -90px;
}
#navigation ul li#blog {
background-position : -160px 0;
}
#navigation ul li#blog:hover {
background-position : -160px -45px;
}
#navigation ul li#blog.current, #navigation ul li#blog:active {
background-position : -160px -90px;
}
#navigation ul li#about {
background-position : -240px 0;
}
#navigation ul li#about:hover {
background-position : -240px -45px;
}
#navigation ul li#about.current, #navigation ul li#about:active {
background-position : -240px -90px;
}
#navigation ul li#contact {
background-position : -320px 0;
}
#navigation ul li#contact:hover {
background-position : -320px -45px;
}
#navigation ul li#contact.current, #navigation ul li#contact:active {
background-position : -320px -90px;
}
#footer {
background : url(../images/bg_footer.jpg) repeat;
height : 100px;
width : auto;
clear : both;
}
#footer #subfooter {
width : 800px;
margin : 20px auto auto auto;
padding : 20px 0 0 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
text-align : center;
color : #CCCCCC;
}
#subfooter p a {
margin : 0;
padding : 0;
border : 0;
}
#subfooter p a:hover {
border-bottom : 1px;
border-bottom-color : #d20142;
border-bottom-style : dashed;
font-weight : normal;
font-size : 10px;
font-family : Arial, Helvetica, sans-serif;
}
#subfooter p a img {
margin : 0;
padding : 0;
border : 0;
}
#content_left {
margin : 0 0 5px 0;
padding : 0 0 0 0;
font-family : "Arno Pro", serif;
line-height : 25px;
font-size : 24px;
color : #993300;
width : 540px;
height : auto;
float : left;
border : 0;
}
#content_left img {
margin : 5px 0 5px 0;
padding : 0;
}
#content_left a {
margin : 0;
padding : 0;
text-decoration : none;
color : #d20142;
}
#content_left a:hover {
color : #993300;
border-bottom : 1px;
border-bottom-color : #d20142;
border-bottom-style : dashed;
}
#content_left a:visited {
font-family : Georgia, "Times New Roman", Times, serif;
}
#content_right {
width : 238px;
height : auto;
margin : 0 auto 0 560px;
padding : 0 0 0 0;
background : url(../images/bg_sidbar.png) no-repeat top left;
}
#content_right p {
margin : 0;
padding : 0;
}
#wrap {
width : 800px;
margin : auto;
padding : 0;
border : 0;
}
.important {
color : #d20142;
}
#aboutme h1 {
margin : 5px 0 5px 0;
padding : 5px 0 5px 0;
border-bottom : 1px dashed #d20142;
font-size : 20px;
font-family : Arial, Helvetica, sans-serif;
}
#aboutme p {
margin : 5px 5px 5px 0;
padding : 5px 5px 5px 0;
text-align : justify;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 18px;
}
#aboutme img#myfoto {
float : right;
width : 154px;
height : 158px;
margin : 5px 0 5px 5px;
padding : 0 0 5px 5px;
}
#aboutme h2 {
font-family : Arial, Helvetica, sans-serif;
line-height : 25px;
font-size : 20px;
color : #993300;
text-align : center;
margin : 5px 0 5px 0;
padding : 5px 0 5px 0;
}
#aboutme #subleft {
width : 260px;
float : left;
}
#aboutme #subleft ul {
width : 260px;
float : left;
}
#aboutme #subright {
width : 260px;
float : left;
border : 0;
}
#aboutme #subright ul {
width : 260px;
float : left;
border : 0;
}
#aboutme ul.experience li {
margin : 5px 0 0 0;
padding : 0 0 0 0;
list-style-type : none;
font-family : Georgia, "Times New Roman", Times, serif;
line-height : 20px;
font-size : 18px;
color : #993300;
}
p.small {
font-size : 12px;
}
#aboutme #content_right {
width : 240px;
height : auto;
margin : 40px auto 0 560px;
padding : 30px 0 0 0;
background : url(../images/bg_sidbar.png) no-repeat top left;
}
#aboutme #content_right ul {
font-family : "Arno Pro", serif;
line-height : 20px;
font-size : 16px;
font-weight : bold;
color : #993300;
list-style-type : none;
margin : 5px;
padding : 5px;
}
#aboutme #content_right li {
margin : 0 5px 5px 5px;
padding : 0 5px 5px 5px;
font-size : 14px;
font-weight : normal;
}
#aboutme #content_right ul#service li.right {
margin : 0 5px 5px 15px;
padding : 0 5px 5px 15px;
}
#aboutme img {
margin : 0;
padding : 0;
border : 0;
}
#aboutme #content_right p {
font-family : "Arno Pro", serif;
line-height : 20px;
font-size : 10px;
color : #993300;
}
#aboutme #wrap a img#hireme {
margin : -358px 0 0 -50px;
padding : 0;
position : absolute;
width : 150px;
border : 0;
}
#aboutme #footer #subfooter p {
width : 800px;
margin : 0 auto 0 auto;
padding : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
text-align : center;
}
#contactme h1 {
margin : 5px 0 5px 0;
padding : 5px 0 5px 0;
border-bottom : 1px dashed #d20142;
font-size : 20px;
font-family : Arial, Helvetica, sans-serif;
}
#contactme p {
margin : 5px 5px 5px 0;
padding : 5px 5px 5px 0;
text-align : justify;
}
#contactme form {
width : 400px;
margin : 5px 0 5px 0;
padding : 5px 0 5px 0;
}
fieldset {
margin : 0 0 5px 0;
padding : 0 0 5px 0;
width : 400px;
border : #d20142 solid 1px;
}
legend {
margin : 0 2px 5px 5px;
padding : 0 2px 0 5px;
font-family : Georgia, "Times New Roman", Times, serif;
line-height : 20px;
font-size : 18px;
color : #993300;
}
label {
margin : 5px 5px 0 5px;
padding : 5px 5px 0 5px;
vertical-align : middle;
}
label.message {
margin : 5px 5px 0 5px;
padding : 5px 5px 0 5px;
vertical-align : top;
}
input {
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
color : #993300;
background : #fee3ad;
border : #d20142 solid 1px;
vertical-align : middle;
}
textarea {
color : #993300;
background : #fee3ad;
border : #d20142 solid 1px;
}
fieldset #name {
margin : 5px 0 0 17px;
padding : 5px 0 0 0;
}
fieldset #surname {
margin : 5px 0 0 -3px;
padding : 5px 0 0 0;
}
fieldset #email {
margin : 5px 0 0 16px;
padding : 5px 0 0 0;
}
fieldset #message {
margin : 5px 0 5px 2px;
padding : 5px 0 5px 0;
vertical-align : top;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
}
fieldset #button {
margin : 5px 0 5px 97px;
padding : 5px 0 5px 0;
color : #336633;
background : url(../images/button1.png) no-repeat;
border : #336633 solid 1px;
font-weight : bold;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
}
#contactme #content_right {
width : 240px;
height : auto;
margin : 40px auto 0 560px;
padding : 30px 0 0 0;
background : url(../images/bg_sidbar.png) no-repeat top left;
}
#contactme h2 {
font-family : Arial, Helvetica, sans-serif;
line-height : 25px;
font-size : 20px;
color : #993300;
text-align : center;
margin : 5px 0 5px 0;
padding : 5px 0 5px 0;
}
#contactme #content_right ul {
font-family : Arial, Helvetica, sans-serif;
font-size : 20px;
font-weight : bold;
color : #993300;
list-style-type : none;
margin : 5px;
padding : 5px;
}
#contactme #content_right ul li {
margin : 0 5px 5px 5px;
padding : 0 5px 5px 5px;
vertical-align : middle;
font-size : 14px;
font-weight : normal;
}
#contactme #content_right ul li img {
margin : 0 5px 0 0;
padding : 0 5px 0 0;
border : 0;
vertical-align : middle;
}
#contactme #content_right ul li a {
text-decoration : none;
}
#contactme #footer #subfooter p {
width : 800px;
margin : 0 auto 0 auto;
padding : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
text-align : center;
}
#homepage h1 {
margin : 5px 0 5px 0;
padding : 5px 0 5px 0;
border-bottom : 1px dashed #d20142;
font-family : Arial, Helvetica, sans-serif;
font-size : 20px;
}
#homepage p {
margin : 5px 5px 5px 0;
padding : 5px 5px 5px 0;
text-align : justify;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 18px;
}
#homepage h3 {
margin : 15px 0 15px 0;
padding : 5px 0 5px 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 18px;
}
#homepage #content_left img {
margin : 5px 0 5px 0;
padding : 0;
}
#homepage #content_left a.foto {
margin : 0;
padding : 0;
text-decoration : none;
color : #d20142;
}
#homepage #content_left a:hover.foto {
color : #993300;
border-bottom : 1px;
}
#homepage #content_right {
width : 240px;
height : auto;
margin : 40px auto 0 560px;
padding : 30px 0 0 0;
background : url(../images/bg_sidbar.png) no-repeat top left;
}
#homepage h2 {
font-family : Arial, Helvetica, sans-serif;
line-height : 25px;
font-size : 20px;
color : #993300;
text-align : center;
margin : 5px 0 5px 0;
padding : 5px 0 5px 0;
}
#homepage #content_right ul {
font-family : "Arno Pro", serif;
line-height : 20px;
font-size : 16px;
font-weight : bold;
color : #993300;
list-style-type : none;
margin : 5px;
padding : 5px;
}
#homepage #content_right ul li {
margin : 0 5px 5px 5px;
padding : 0 5px 5px 5px;
vertical-align : middle;
font-size : 14px;
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : normal;
}
#homepage #content_right ul li img {
margin : 0 5px 0 0;
padding : 0 5px 0 0;
border : 0;
vertical-align : middle;
}
#homepage #content_right ul li a {
text-decoration : none;
}
#homepage #wrap a img#hireme {
margin : -344px 0 0 -50px;
padding : 0;
position : absolute;
width : 150px;
border : 0;
}
#homepage #footer #subfooter p {
width : 800px;
margin : 0 auto 0 auto;
padding : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
text-align : center;
}
#myportfolio h1 {
margin : 5px 0 5px 0;
padding : 5px 0 5px 0;
border-bottom : 1px dashed #d20142;
font-family : Arial, Helvetica, sans-serif;
font-size : 20px;
}
#myportfolio h3 {
margin : 65px 0 20px 0;
padding : 5px 0 5px 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 18px;
}
#myportfolio #content_left img {
margin : 0;
padding : 0;
border : solid 2px;
}
#myportfolio #content_left a.foto {
margin : 0 25px 0 0;
padding : 0;
text-decoration : none;
color : #d20142;
}
#myportfolio #content_left a.foto:hover {
color : #993300;
border-bottom : none;
}
#myportfolio #content_left #suba {
width : 120px;
margin : 20px 0;
padding : 0;
float : left;
font-family : "Times New Roman", Times, serif;
font-size : 12px;
font-variant : small-caps;
}
#myportfolio #content_left #suba ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#myportfolio #content_left #suba ul li {
margin : -8px 0 0 0;
padding : 0;
font-size : 10px;
font-family : Arial, Helvetica, sans-serif;
}
#myportfolio #content_left #subb {
width : 410px;
margin : 20px 0;
padding : 0;
float : left;
font-family : "Times New Roman", Times, serif;
font-size : 12px;
}
#myportfolio #content_left #subb ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#myportfolio #content_left #subb ul li {
margin : -8px 0 0 0;
padding : 0;
font-size : 10px;
}
#myportfolio #content_left #subb a {
font-size : 10px;
}
#myportfolio #content_right {
width : 240px;
height : auto;
margin : 40px auto 0 560px;
padding : 30px 0 0 0;
background : url(../images/bg_sidbar.png) no-repeat top left;
}
#myportfolio h2 {
font-family : Arial, Helvetica, sans-serif;
line-height : 25px;
font-size : 20px;
color : #993300;
text-align : center;
margin : 5px 0 5px 0;
padding : 5px 0 5px 0;
}
#myportfolio #subright ul {
width : 260px;
float : left;
}
#myportfolio ul.experience li {
margin : 5px 0 0 0;
padding : 5px 0 0 0;
list-style-type : none;
font-family : "Arno Pro", serif;
line-height : 20px;
font-size : 24px;
color : #993300;
}
#myportfolio #content_right ul {
font-family : "Arno Pro", serif;
line-height : 20px;
font-size : 16px;
font-weight : bold;
color : #993300;
list-style-type : none;
margin : 5px;
padding : 5px;
}
#myportfolio #content_right li {
margin : 0 5px 5px 5px;
padding : 0 5px 5px 5px;
font-size : 14px;
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : normal;
}
#myportfolio #content_right ul#service li.right {
margin : 0 5px 5px 15px;
padding : 0 5px 5px 15px;
}
#myportfolio img {
margin : 0;
padding : 0;
border : 0;
}
#myportfolio #wrap a img#hireme {
margin : -358px 0 0 -50px;
padding : 0;
position : absolute;
width : 150px;
border : 0;
}
#content_left img.blog {
margin : 20px 50px 10px 100px;
padding : 0;
border : 0;
position : relative;
width : 398px;
}
#contactme p.red {
color : #d20142;
}
#myportfolio #footer #subfooter p {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
}
.small {
font-size : 12px;
}
#blog #content_left h1 {
font-family : Arial, Helvetica, sans-serif;
font-size : 20px;
}
#blog #footer #subfooter p {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
}
#myportfolio #content_left p {
font-family : Georgia, "Times New Roman", Times, serif;
text-align : justify;
margin : 5px 5px 5px 0;
padding : 5px 5px 5px 0;
}

↑ Top