W3C результаты проверки CSS для http://koehnline.com/koehnline01.css (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?uri=http%3A%2F%2Fkoehnline.com%2Fkoehnline01.css&warning=1&profile=css21&usermedium=all
or
http://jigsaw.w3.org/css-validator/check/referer (только для документов HTML/XML)

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

↑ Наверх

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

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

↑ Наверх