Resultados del Validador CSS del W3C para http://www.artesanprod.com/index.htm (CSS versión 2.1)

¡Enhorabuena! No error encontrado.

¡Este documento es CSS versión 2.1 válido!

Puede mostrar este icono en cualquier página que valide para que los usuarios vean que se ha preocupado por crear una página Web interoperable. A continuación se encuentra el XHTML que puede usar para añadir el icono a su página Web:

¡CSS Válido! 
<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 Válido!" />
    </a>
</p>
¡CSS Válido! 
<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 Válido!" />
</a>
</p>

(cierre la etiqueta img con > en lugar de /> si utiliza HTML <= 4.01)

Si lo desea, puede descargar una copia de la imagen para guardarla en su directorio web local y cambiar el fragmento anterior de XHTML para referenciar a la imagen en local en lugar de a la de éste servidor.

Si desea crear un enlace con esta página (es decir, con los resultados de la validación) para hacer que sea más fácil revalidar la página en el futuro, o para permitir que otras personas validen su página, el URI es: 

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.artesanprod.com%2Findex.htm&profile=css21&usermedium=all&warning=1
or
http://jigsaw.w3.org/css-validator/check/referer (para documentos HTML/XML únicamente)

(O, simplemente, puede añadir la página actual a su lista de marcadores o favoritos.)

↑ Top

Las Advertencias (15)

URI : http://www.artesanprod.com/style.css

17 #container Colores iguales para background-color y color
58 h3 Colores iguales para background-color y border-left-color
58 h3 Colores iguales para background-color y border-top-color
58 h3 Colores iguales para background-color y border-right-color
72 Color de primer plano y color de fondo iguales en dos contextos input y a:hover
152 Color de primer plano y color de fondo iguales en dos contextos img.left y #header p
152 Color de primer plano y color de fondo iguales en dos contextos img.center y #header p
152 Color de primer plano y color de fondo iguales en dos contextos img.right y #header p
269 Color de primer plano y color de fondo iguales en dos contextos img.left y #footer p
269 Color de primer plano y color de fondo iguales en dos contextos img.right y #footer p
269 Color de primer plano y color de fondo iguales en dos contextos img.center y #footer p
275 Color de primer plano y color de fondo iguales en dos contextos img.right y #footer p a
275 Color de primer plano y color de fondo iguales en dos contextos img.left y #footer p a
275 Color de primer plano y color de fondo iguales en dos contextos img.center y #footer p a

URI : http://www.artesanprod.com/index.htm

20 Color de primer plano y color de fondo iguales en dos contextos h3 y .Estilo1

↑ Top

Información de CSS válida

body {
margin-top : 0;
margin-bottom : 30px;
background-color : #cccccc;
background-image : url("bg_grad.jpg");
background-attachment : fixed;
}
#container {
width : 810px;
margin : 2px auto;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
line-height : 1.6em;
color : #666666;
background-color : #666666;
}
#container2 {
width : 810px;
margin : 0 auto;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
line-height : 2em;
color : #efefef;
background-color : #666666;
border : solid #110000;
border-width : 0 1px 1px 1px;
}
h1 {
font-family : Arial, Helvetica, sans-serif;
font-weight : normal;
font-size : 32px;
color : #efefef;
margin-bottom : 30px;
background-color : #666666;
padding-left : 35px;
}
h2 {
color : #efefef;
font-size : 140%;
font-family : Arial, Helvetica, sans-serif;
background-color : #999999;
padding-left : 20px;
padding-right : 20px;
border : solid #000000;
border-width : 1px 1px 1px 1px;
}
h3 {
color : #efefef;
font-size : 140%;
font-family : Arial, Helvetica, sans-serif;
background-color : #000000;
padding-left : 20px;
padding-right : 20px;
border : solid #000000;
border-width : 1px 1px 1px 1px;
}
a {
color : #ff6600;
text-decoration : none;
font-weight : bold;
}
a:hover {
color : #ffffff;
font-weight : bold;
text-decoration : underline;
}
a img {
border : none;
}
img.left, img.center, img.right {
padding : 1px;
border : 1px solid #110000;
background-color : #efefef;
}
img.left {
float : left;
margin : 0 12px 5px 0;
}
img.center {
display : block;
margin : 0 auto 5px auto;
}
img.right {
float : right;
margin : 0 0 5px 20px;
}
form {
float : right;
font-size : 9px;
}
input {
background-color : #ffffff;
color : #999999;
border : 1px solid #2763a5;
font-size : 11px;
padding : 3px;
}
.button {
padding : 2px;
background-color : #6da6e2;
color : #ffffff;
border : 1px solid #2763a5;
font-size : 11px;
}
#header {
width : 810px;
padding-bottom : 10px;
padding-top : 10px;
clear : both;
border-top : solid #110000;
border-left : solid #110000;
border-right : solid #110000;
border-width : 1px 1px 0 1px;
background-color : #666666;
}
#header img {
width : 810px;
padding-bottom : 2px;
padding-top : 2px;
clear : both;
border-top : solid #110000;
border-left : solid #110000;
border-right : solid #110000;
border-width : 1px 1px 0 1px;
background-color : #666666;
}
#header p {
margin-top : -20px;
margin-left : 60px;
color : #efefef;
}
ul.navbar {
list-style-type : none;
float : left;
display : inline;
width : 100%;
line-height : 1px;
clear : both;
padding : 0;
background-color : #555551;
border-left : 1px solid #110000;
border-right : 1px solid #110000;
border-top : 1px solid #110000;
border-bottom : 3px solid #110000;
margin-left : 0;
}
ul.navbar li {
display : inline;
margin-right : 0;
}
a.nav:link, a.nav:visited {
display : block;
float : left;
width : 19.5%;
padding : 1em 2px 1em 0;
margin : 0;
text-decoration : none;
background-color : #555551;
color : #ffffff;
text-align : center;
border-right : 1px solid #eeeeee;
border-left : 1px solid #eeeeee;
}
a.nav:hover {
display : block;
float : left;
width : 19.5%;
padding : 1em 2px 1em 0;
margin : 0;
text-decoration : none;
background-color : #333333;
color : #ffffff;
border-right : 1px solid #dddddd;
border-left : 1px solid #dddddd;
}
a.nav:active {
display : block;
float : left;
width : 19.5%;
padding : 1em 0 1em 0;
margin : 0;
text-decoration : none;
background-color : #999999;
color : #ffffff;
}
#content {
width : 560px;
padding-left : 10px;
padding-right : 10px;
padding-top : 5px;
float : left;
margin-top : 5px;
}
#content2 {
width : 810px;
padding-left : 5px;
padding-right : 5px;
padding-top : 5px;
float : left;
margin-top : 5px;
}
#content p {
padding-bottom : 20px;
border-bottom : 1px solid #dddddd;
}
#sidebar0 {
width : 188px;
padding-left : 21px;
padding-right : 10px;
padding-top : 5px;
float : right;
border-left : 1px solid #dddddd;
margin-top : 5px;
}
#sidebar p {
padding-bottom : 10px;
border-bottom : 1px solid #dddddd;
}
#footer {
margin-top : 15px;
padding-top : 0;
padding-bottom : 0;
padding-left : 2px;
padding-right : 2px;
clear : both;
width : 806px;
background-color : #222224;
border-top : 1px solid #000000;
}
#footer p {
color : #efefef;
padding : 5px;
text-align : center;
}
#footer p a {
color : #efefef;
font-weight : 100;
}
#footer p a:hover {
color : #dddddd;
text-decoration : none;
}
.Estilo1 {
color : #000000;
font-weight : bold;
}

↑ Top