W3C результаты проверки CSS для http://www.igorsbrezinskis.com/index.html (CSS2.1)

Поздравляем! Ошибок не обнаружено.

Этот документ проходит проверку по стандарту CSS2.1 !

Для того, чтобы продемонстрировать посетителям, что вы заботитесь о создании корректных страниц, вы можете разместить этот знак на любой проверенной странице. Вот код XHTML для размещения:

Правильный 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="Правильный CSS!" />
    </a>
</p>
            
Правильный 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="Правильный CSS!" />
    </a>
</p>
        

(закройте тег img, используя > вместо />, если используете HTML <= 4.01)

Если хотите, то можете загрузить копию изображения для хранения непосредственно на сайте и изменить приведенный выше код XHTML, чтобы ссылаться на локальную версию.

Если Вы хотите создать ссылку на эту страницу (т.е., на результаты этой проверки) для облегчения последующих перепроверок вами или другими людьми, то воспользуйтесь следующим URI:

http://jigsaw.w3.org/css-validator/validator?lang=ru&profile=css21&profile=css21&uri=http%3A%2F%2Fwww.igorsbrezinskis.com%2Findex.html&uri=http%3A%2F%2Fwww.igorsbrezinskis.com%2Findex.html&warning=0&warning=0
or
http://jigsaw.w3.org/css-validator/check/referer (только для документов HTML/XML)

(Или можете просто добавить данную страницу в закладки.)

↑ Наверх

Информация о корректном CSS

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;
}

↑ Наверх