Foros del Web » Creando para Internet » HTML »

[Aporte] Validacion W3C CSS 3

Estas en el tema de [Aporte] Validacion W3C CSS 3 en el foro de HTML en Foros del Web. Hola. Quería aportar una pequeña idea con la cual solucionar los problemas de validación de la W3C con respecto al CSS3 Oficial y al exclusivo ...
  #1 (permalink)  
Antiguo 10/08/2011, 03:51
 
Fecha de Ingreso: marzo-2009
Mensajes: 42
Antigüedad: 8 años, 3 meses
Puntos: 5
Información [Aporte] Validacion W3C CSS 3

Hola.

Quería aportar una pequeña idea con la cual solucionar los problemas de validación de la W3C con respecto al CSS3 Oficial y al exclusivo de los navegadores (-moz,-webkit, etc).

El caso es que si puedes validar el XHTML de Google +1 con CDATA usando Javascript, porque no vas a poder usar javascript y cdata para validar css3. Os pongo un ejemplo.

Esto, no os lo va a validar...
Código CSS:
Ver original
  1. .contenedor #menu ul li {
  2.   float: left;
  3.   width: 124px;
  4.   margin: 0px 1px 0px 1px;
  5.   padding: 4px 0px 6px 0px;
  6.   overflow: hidden;
  7.   cursor: pointer;
  8.  
  9.   border: 1px solid #555;
  10.   background-color: #CECD00;
  11.  
  12.   /**************** CSS 3 JS *****************/
  13.   -moz-border-radius: 15px 15px 0px 0px;
  14.   -webkit-border-radius: 15px 15px 0px 0px;
  15.   border-radius: 15px 15px 0px 0px;
  16. }
  17. .contenedor #menu ul li:hover {
  18.   background-color: #ABAA00;
  19.  
  20.   /**************** CSS 3 *****************/
  21.   -moz-box-shadow: 0px -1px 10px #CECD00;
  22.   -webkit-box-shadow: 0px -1px 10px #CECD00;
  23.   box-shadow: 0px -1px 10px #CECD00;
  24. }

Pero sin embargo, si hacemos lo siguiente...
Código Javascript:
Ver original
  1. <script language='javascript' type='text/javascript'>
  2. //<![CDATA[
  3.   document.write("<style type='text/css'>");
  4.   document.write(".contenedor #menu ul li {-moz-border-radius: 15px 15px 0px 0px; -webkit-border-radius: 15px 15px 0px 0px; border-radius: 15px 15px 0px 0px;}");
  5.   document.write(".contenedor #menu ul li:hover {-moz-box-shadow: 0px -1px 10px #CECD00; -webkit-box-shadow: 0px -1px 10px #CECD00; box-shadow: 0px -1px 10px #CECD00;}");
  6.   document.write("</style>");
  7. //]]>
  8. </script>
Validado!

Y ya de aquí lo podemos sacar a un js externo y meter ahí nuestros codigos css3.

Un saludo!

Un ejemplo de ello... tecba.es
  #2 (permalink)  
Antiguo 11/08/2011, 11:49
Avatar de Tedel  
Fecha de Ingreso: enero-2011
Ubicación: Lima
Mensajes: 2.725
Antigüedad: 6 años, 6 meses
Puntos: 441
Respuesta: [Aporte] Validacion W3C CSS 3

Creativo, he de admitir.
__________________
Soy el autor de Heptagrama y tengo un servicio "todo incluido" de marketing web.
  #3 (permalink)  
Antiguo 11/08/2011, 14:58
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años
Puntos: 137
Respuesta: [Aporte] Validacion W3C CSS 3

bueno... ya puestos con el javascript... no mejor seria crear una hoja de estilos separada con dichas propiedades?.... aun que bueno ya seria para los muy puristas ya que en realidad es todo valido... igual se suponia que en este año esos "errores" se convertirian en advertencias para la W3C... pero aun no pasa eso, quedara esperar... aun que bueno, gracias por el dato una alternativa mas
  #4 (permalink)  
Antiguo 12/08/2011, 03:41
Avatar de ThunderWolf  
Fecha de Ingreso: julio-2011
Mensajes: 30
Antigüedad: 6 años
Puntos: 1
Respuesta: [Aporte] Validacion W3C CSS 3

Es una buena idea, pero si el navegador tiene el Javascript deshabilitado todo el diseño de la página desaparecería.

Estuve tentado de poner este script en mi página, pero pensándolo mejor, prefiero esperar a que el W3C se actualice debidamente.

Gracias por el aporte, y a ver si espabilan que el futuro ya está aquí.

Última edición por ThunderWolf; 12/08/2011 a las 11:04

Etiquetas: cdata, css, css3, javascript, w3c
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 2 personas




La zona horaria es GMT -6. Ahora son las 18:31.