Como Validar CSS!

[marioStudios]

Bueno, tengo mi hoja de estilo, la validé a travez del servicio gratuito de W3C CSS Validator, pero apesar de que no me da errores, ni sugerencias, no me aparece la felicitación por tener una Hoja de Estilo Valida???
¿Que hacer entonces?
¿En donde esta el error?
Espero sus repuestas y Gracias!!!

[forsehoch]

Envía la url de la página para comprobarlo

[marioStudios]

Pues aun es un archivo en mi PC, solo use el colector del servico de CSS Validator, para que lo validara desde mi pc, más adelante la hechare a volar (la subire a la red)!!!
Alguien tiene una leve idea del porque no la valida así???

[jesusbet]

Ahi ta:
http://jigsaw.w3.org/css-validator/

Haces click en 'Browse'. buscas el archivo, luego haces cilck en CHECK.

estás seguro de que es una hoja de estilos (extensión.css)???

Debe funcionar bien ;)

[jesusbet]

por cierto, si no te aparecen ni sugerencias ni erores, ¿qué te aparece?

[furoya]

Hola todos :

marioStudios : Si te sirve, muéstranos el código y te felicitamos nosotros

saludos

[marioStudios]

Esto es lo que me aparce:



Resultados del Validador de CSS del W3C para file://localhost/D:\Documentos\Proyectos\mdw\simple.css

No hay errores ni advertencias

Su hoja de estilo CSS necesita un árbol de análisis del documento válido para funcionar correctamente. Por tanto debe usar HTML válido.
Información de CSS válida

• body {
  • color : #000;
  • background : #fff;
  • font-family : "times new roman", "curier new", serif;
  • font-size : 14px;
  }
• table {
  • margin : 0 8%;
  • width : 800px;
  }
• tr td {
  • padding : 0;
  • border : 0;
  }
• img {
  • border : 0;
  }

www-validator-css
Última Modificación: viernes 27 de enero de 2006 04H21' GMT+00:00 Que puede ser????

[JavierB]

Hola marioStudios

Pues parece que te está diciendo que tu código css es válido. También te recuerda que debes validar el código HTML

validator.w3.org

Saludos,

[marioStudios]

Si ya lo hice, mi codigo html es valido y me da la felicitación y la linea de código para la imagen de xhtml1 stric valido.
Cosa que no sucede con el CSS que les he mostrado arriba, y debería darme la linea correspondiente con la Felicitación; bueno eso digo YO!!!
Pensando...

[¿es a mi?]

Hola, ¿que tal, amigos del foro?
A mí me ocurre lo mismo que a marioStudios, pero he observado un "detalle"; la validación del html envía, efectivamente, la ansiada imagen de que todo es correcto, pero en inglés. En cambio, la validación del css se hace en castellano. ¿Podría haber un sitio en inglés que lo haga y otro en castellano que no?, es por decir algo.
Por cierto, me ha gustado eso de validar, la verdad es que es muy fácil depurar problemas con la ayuda de la lista de errores que te dan en la validación, tanto html como css.
Un saludo

[¿es a mi?]

Si os fijáis en http://jigsaw.w3.org/css-validator/ veréis al pie dos imágenes que entiendo son las "certificaciones de validación de esa página".



En la primera te enlazan con el validador css y en la segunda te dan la validación xhtml de su página, por tanto deduzco que no te van a mandar la imagen de validación css, sino la validación en sí (te dicen que no hay errores) y tu pones la imagen, tal y como ellos (el equipo validador) hacen. En cambio si que recibes la de XHTML.
Saludos y ya no edito más este mensaje.

[Jorolo]

Hola a todos, hola marioStudios.

Curioso. Ni opinión a bote pronto:

No te invita a insertar el logo de css valido, por que no tendría sentido hacerlo en un documento .css
Valida un archivo .html (el css asociado) y entonces sí obtendás la invitación que buscas.

Ejemplo

Valida la propia página del validador.

http://jigsaw.w3.org/css-validator/

Y verás la página que buscas

AMPLIACION

Si quieres que te inviten a insertar el logo, valida un archivo en el que se puede insertar el logo.

La página de invitación no es un requisito necesario (que yo sepa). Si 'sabes' que tu código es válido puedes usar el logo.

El w3c no valida el código, lo haces tú (con una herramienta del w3c)

Ampliacion 2

Aunque suene estraño, para validar el css lo correcto es validar los archivos html.

Ademas de 'las' hojas de estilo, puede que halla un elemento style en la cabecera y/o puede que un elemento del body tenga un atributo style...

[furoya]

Hola de nuevo :

Como veo que aún nadie lo ha hecho, y lo prometido es deuda :

Te felicito, marioStudios. Tu código está muy bien.

Como a tí y a ¿es a mi?, la duda sobre el botón de CSS Válido me asaltó a mi también.

Poner dos divs al mismo nivel sin position:absolute #11

saludos

[marioStudios]

Gracias furoya, entonces doy como validada mi hoja de estilo!!??, y es que la duda me empezo cuando valide mi hoja de estilo de otra web y esa SI me dio la felicitación y el logo de CSS Valido, claro que esa si estaba en la red cuando la valide, pero no creo que influya eso ¿o si?
Gracias por sus comentarios y espero más respuestas!!!
Pensando...

[furoya]

Es perfectamente válida.

Y me quedé pensando en lo que dijo Jorolo ( ); como la hoja de estilos no se ve directamente, es probable que lo usen de excusa en jigsaw para no darte la cucarda.
Teniendo en cuenta que el CSS es para más documentos que HTML o XHTML, podrían poner un menú para que uno eligiese el código a pegar según el documento de base que esté usando.

¡Ah, sí! y también que nos feliciten.

[Jorolo]

Hola a todos.

El validar es como cualquier otra cosa, las primeras veces no te enteras de nada, parece imposible. Lo haces unas cuantas veces y te familiarizas. Con el tiempo lo haces sin pensar.

Si me permitís unas aportaciones creo que serán informativas:


Errores de concepto comunes

- Creer que el proceso de validación del código html y del código css es igual, o que debería serlo.
- Creer que el validador de html y el de css funcionan igual, o que deberían hacerlo.
- Darle a los logos de 'codigo válido' más importancia de la que realmente tienen y/o una interpretación erronea.
- Darle al proceso y/o resultado de la validación más importancia de la que realmente tienen y/o una interpretación erronea.

No os voy a soltar un rollo, leed lo que escribí anteriomente (si quereis)
Si alguien quiere que me extienda en algun punto concreto que lo pida.

Como hacerlo
Yo tengo mi manera de hacerlo, no sé si es la más 'correcta' o la mejor, sé que a mí me va muy bien y creo a algunos de vosotros os iría estupendamente.

Si alguien me lo pide la explico.

[marioStudios]

Pues bien jorolo, eso que mencionas lo se, y mi html es perfectamente Valdio, pero mi css no me lo comenta con errores o advertencias, ya decidi dar por valida esa hoja de estilo, pero si me gustaría que te extendieras mas en el tema si gustas, para el conocimiento de otras personas que talvez aun no saben como!!!
Gracias a Todos.

[Jorolo]

Hola a todos, hola marioStudios.

Tu solicitud será atendida en los proximos dias.


Ahora solo un par de apuntes.

El objetivo 1 es un código válido.

Código válido es el que no contiene errores.

Los errores son cosas que están mal.

Si el validador te dice que el código no contiene errores, ya está, el código es válido, punto final.
¿y que pasa con las advertencias?


El objetivo 2 es la excelencia

Algunos no nos conformamos con escribir código válido, queremos un código impecable.

Las advertencias señalan cosas que no están mal, pero podían estar mejor.

Si el válidador te dice:

"No hay errores ni advertencias"

Te está diciendo que tu código es válido y ademas impecable, a ojos del validador: INMEJORABLE

[Jorolo]

Hola a todos, hola marioStudios.

Teneis que disculparme por el retraso en la respuesta. Sinceramente, me olvidé del tema.

Me gustaría clarificar un par de puntos sobre los que puede haber confusión.


El significado de los logos y de la propia validación.

Hay gente que tiende a interpretar los logos de una manera similar a:

El w3c certifica que... Esta lectura es erronea

la lectura correcta sería (más o menos): Los autores acreditan que...


Validar html y css no es lo mismo.

hay una diferencia muy significativa, con multiple consecuencias:
- un archivo xhtml es un documento (o aplicación) relevante en si mismo.
- un archivo css no, solo tiene relevancia en cuanto que da estilo a otros.

- Generalmente, todo el código html de la página web está en un único archivo html.
- Con el css esto no suele ser así, el código css suele estar distribuido en varios archivos.

Si quieres validar el código xhtml de una página web. Le das al validador el archivo y ya está, el validador tiene todo el código, puede validarlo enteramente. por eso en el validador de html el modo 'en linea' funciona de manera similar al de 'nodo local'.

Para validar enteramente el código css de una página web el validador necesita tener acceso a varios archivos, como minimo a la página web a validar para conocer los archicos css enlazados, en otras palabras, para una validación completa hay que tener el código 'en linea'.
si al validador solo le das un archico css (modo local) te dirá si tiene o no errores pero no te invitará a insertar el logo en una pagina web que no ha validado.

La realidad es algo parecido a esto.


P.D. El método prometido, esta vez sí, en los próximos dias.

[marioStudios]

Pues Bien Jorolo, es muy buena tu observación y esperare con entusiasmo tu proximo post!!!
Saludos.

[Jorolo]

Intro

Este es un método que en el pasado usé mucho pero actualmente ya no. Esto es así por que la validacion es como una antidroga, cuanto más validas menos necesidad tienes de validar.

Es mormal que las primeras veces te parezca una tarea enorme, puede que aun esforzándote no lo consigas, no importa. En el proceso estás aprendiendo, eso sí que importa. Lo aprendido te sirve para escribir menos errores en el futuro, menos errores menos tarea, con el tiempo escribirás código sin apenas errores, tu necesidad de validar y de este metodo disminuirá.


'El método'

Yo cuando creo un archivo xhtml nuevo lo hago con una plantilla que contiene lo básico: un doctype, un encabezado medianamente definido... y en el body como mínimo los logos de 'código válido', los dos, el de xhtml y el de css.

Le voy añadiendo contenidos y código, y cada poco visualizo el documento en el/los navegador (como todos) pero los logos están, un par de click's y en las pestañas de al lado tienes un montón de información sobre los errores de tu código o las mejoras posibles.

El validador no es un examinador, es un asistente.

Cuando pruebo un código recien escrito, puede que se vea mal, tendre que retocarlo y de paso corrijo los errores que tenga. A veces pasa que la causa de la mala visualización y los errores de validación es la misma (ej. propiedad css mal declarada) al correjirlo estoy matando dos pajaros de un tiro, y sin necesidad de apuntar por que los validadores me indican cual es el problema, donde está, cuales son sus posibles causas y en muchas ocasiones la solución, además de paso aprendes a no cometer el mismo error en el futuro.

La validación no es un carga, es una ayuda.

Ojo con la interface de los validadores, dan mas información de la aparente, busca y encontrarás.
Hablo en serio, yo he aprendido muchísimo leyendo los comentarios de los validadores. Por lo menos inglés...

Integro la validación en la elaboración del código. No valido el código que escribo, yo escribo código válido.


¿Que pasa si no lo haces así?

Si no integras la validación, tienes multiples incomvenientes, darían para escribir un libro*.

Centrándome en el tema:

Si escribes tu código sin preocuparte de su validez, cuando termines la página y la valides tendrás que enfrentarte de golpe con todos los errores juntos. Estos más las advertencias pueden sumar una lista que asuste al descubrir que tendras que reescribir tu página y una vez reescrita volver a validarla. No, no me convence.

* Los terrícolas haceis cosas muy raras.
P.D. Seguro que se me olvidan cosas, espero que se entienda y que os sirva.
La realidad es algo parecido a esto.

[webosiris]

Jorolo, se ve que apuntamos al mismo sitio... yo lo hago igual que vos

[marioStudios]

Pues ni hablar, es verdad y yo hago eso, pero algunos tags a veces me brincan, y ahora se como se usa el VALIDADOR de la W3C.
Muchas Gracias a TODOS, por su participacion.