Resultados del Validador CSS del W3C para http://ideacreativa.com.es (CSS versión 3)

¡Enhorabuena! No error encontrado.

¡Este documento es CSS versión 3 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=ideacreativa.com.es&profile=css3&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

Información de CSS válida

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, a:link, a:hover, a:visited, a:active, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : none;
font-size : 100%;
vertical-align : baseline;
background : transparent;
font-family : Verdana;
}
* {
margin : 0;
padding : 0;
}
body {
margin : 30px auto;
color : #333;
background : #f9f9f9;
}
a {
color : #a7a397;
text-decoration : none;
}
a:hover, a:active {
text-decoration : underline;
}
img {
border : 0;
}
h4, h3, h2, p {
font : normal 0.7em Verdana;
line-height : 1.6em;
}
#header {
width : 800px;
margin : 0 auto;
}
#title {
background : url(../images/logotipo.png) no-repeat left center;
width : 500px;
height : 50px;
}
#seccion {
float : left;
}
#contenido {
width : 800px;
margin : 0 auto;
clear : both;
}
#imagenes {
float : left;
width : 530px;
padding : 5px;
}
#informacion {
text-align : left;
padding : 0 10px;
color : #333;
}
#texto {
float : right;
width : 240px;
text-align : left;
padding : 0 10px;
color : #333;
}
#footer {
clear : both;
padding : 15px 5px 5px 5px;
color : #a7a397;
text-align : center;
}
#footer a, a:visited {
text-decoration : underline;
}
#footer a:hover {
text-decoration : none;
}
#subtitle {
clear : both;
padding-top : 10px;
margin : 15px 0;
}
#navlist {
margin : 0;
padding : 0;
width : 800px;
}
#navlist li {
list-style : none;
display : inline;
margin : 0;
padding : 0;
}
#inicio a {
background : url(../images/m-inicio.png) no-repeat top left;
width : 104px;
height : 40px;
float : left;
}
#inicio a:hover {
background : url(../images/m-inicio.png) no-repeat bottom left;
}
#blog a {
background : url(../images/m-blog.png) no-repeat top left;
width : 82px;
height : 40px;
float : left;
}
#blog a:hover {
background : url(../images/m-blog.png) no-repeat bottom left;
}
#autor a {
background : url(../images/m-autor.png) no-repeat top left;
width : 97px;
height : 40px;
float : left;
}
#autor a:hover {
background : url(../images/m-autor.png) no-repeat bottom left;
}
#contacto a {
background : url(../images/m-contacto.png) no-repeat top left;
width : 127px;
height : 40px;
float : left;
}
#contacto a:hover {
background : url(../images/m-contacto.png) no-repeat bottom left;
}
#index-menu {
margin : 0;
padding : 0;
width : 800px;
}
#index-menu li {
list-style : none;
display : inline;
margin : 0;
padding : 0;
}
#diseno-web a {
background : url(../images/web.png) no-repeat bottom left;
width : 99px;
height : 500px;
float : left;
}
#diseno-web a:hover {
background : url(../images/web.png) no-repeat top left;
}
#plato a {
background : url(../images/contenido.png) no-repeat left;
width : 354px;
height : 500px;
float : left;
}
#plato a:hover {
cursor : default;
}
#diseno-grafico a {
background : url(../images/grafico.png) no-repeat bottom left;
width : 133px;
height : 500px;
float : left;
}
#diseno-grafico a:hover {
background : url(../images/grafico.png) no-repeat top left;
}
#publicidad-marketing a {
background : url(../images/publicidad.png) no-repeat bottom left;
width : 190px;
height : 500px;
float : left;
}
#publicidad-marketing a:hover {
background : url(../images/publicidad.png) no-repeat top left;
}
#descripcion {
background : url(../images/descripcion.png) no-repeat left;
width : 150px;
height : 20px;
}
#fecha-creacion {
background : url(../images/fecha-creacion.png) no-repeat left;
width : 150px;
height : 20px;
}
#autores {
background : url(../images/autores.png) no-repeat left;
width : 150px;
height : 20px;
}
#direccion-web {
background : url(../images/direccion-web.png) no-repeat left;
width : 150px;
height : 20px;
}
#nombre, #e-mail, #web {
background : #fff;
width : 360px;
border : 1px solid #a7a397;
padding : 5px;
font : normal 1em Verdana;
color : #a7a397;
}
#comentario {
background : #fff;
border : 1px solid #a7a397;
width : 360px;
height : 128px;
color : #a7a397;
font : normal 1em Verdana;
padding : 5px;
}
#enviar, #borrar {
background : #a7a397;
font : bold 1em Verdana;
border : none;
color : #fff;
padding : 5px;
}
.form-small {
font-size : 0.8em;
}
#enviado {
padding : 60px 0;
}
label.error {
color : #f00;
padding : 4px;
font : normal 0.8em Verdana;
background : #fcc;
margin-left : 10px;
}
.caption {
font-size : 0.7em;
color : #a7a397;
text-transform : lowercase;
}
#main_image {
margin : 0 auto 40px auto;
height : 282px;
width : 450px;
border : 1px solid #cac8c1;
padding : 2px;
background : #fff;
}
#main_image img {
margin-bottom : 10px;
}
.galleria {
list-style : none;
width : 456px;
margin : 0 auto;
}
.galleria li {
display : block;
width : 65px;
height : 41px;
overflow : hidden;
float : left;
margin : 2px 3px 2px 2px;
border : 1px solid #cac8c1;
padding : 2px;
background : #fff;
}
#main_image_vertical {
margin : 0 auto 40px auto;
height : 637px;
width : 450px;
border : 1px solid #cac8c1;
padding : 2px;
background : #fff;
}
#main_image_vertical img {
margin-bottom : 10px;
}
.blogger {
background : url(../images/feed.png) no-repeat left;
margin : 0 8px 0 0;
padding-left : 20px;
}
.twitter {
background : url(../images/twitter.png) no-repeat left;
margin : 0 8px 0 0;
padding-left : 20px;
}
.delicious {
background : url(../images/delicious.png) no-repeat left;
margin : 0 8px 0 0;
padding-left : 20px;
}
.flickr {
background : url(../images/flickr.png) no-repeat left;
margin : 0 8px 0 0;
padding-left : 20px;
}
.linkedin {
background : url(../images/linkedin.png) no-repeat left;
margin : 0 8px 0 0;
padding-left : 20px;
}
#lista-trabajo {
list-style : none;
font : normal 0.7em Verdana;
}
#lista-trabajo li {
margin : 15px 0;
}
#grafico {
background : url(../images/w-grafico.png) no-repeat left;
width : 200px;
height : 30px;
}
#multimedia {
background : url(../images/w-multimedia.png) no-repeat left;
width : 200px;
height : 30px;
padding-top : 15px;
}
#maquetacion {
background : url(../images/w-maquetacion.png) no-repeat left;
width : 200px;
height : 30px;
padding-top : 15px;
}
#webs {
background : url(../images/w-webs.png) no-repeat left;
width : 200px;
height : 30px;
}
#blogs {
background : url(../images/w-blogs.png) no-repeat left;
width : 200px;
height : 30px;
padding-top : 15px;
}
#publicidad {
background : url(../images/w-publicidad.png) no-repeat left;
width : 200px;
height : 30px;
}
#spot {
background : url(../images/w-spots.png) no-repeat left;
width : 200px;
height : 30px;
padding-top : 15px;
}
#internet {
background : url(../images/w-internet.png) no-repeat left;
width : 200px;
height : 30px;
padding-top : 15px;
}
#internet span, #spot span, #publicidad span, #blogs span, #webs span, #maquetacion span, #multimedia span, #grafico span, #direccion-web span, #descripcion span, #fecha-creacion span, #autores span, #diseno-web span, #diseno-grafico span, #publicidad-marketing span, #plato span, #contacto span, #autor span, #blog span, #inicio span, #title span, #navlist span, #contenido span {
display : none;
}

↑ Top