Foros del Web » Creando para Internet » CSS »

Error Sintáctico en CSS

Estas en el tema de Error Sintáctico en CSS en el foro de CSS en Foros del Web. Hola amigo del foro, esta vez traigo un pequeño problema que se me presento el dia de hoy al querer validar mi documento CSS. Hace ...
  #1 (permalink)  
Antiguo 18/02/2011, 21:54
 
Fecha de Ingreso: abril-2010
Mensajes: 62
Antigüedad: 7 años, 7 meses
Puntos: 3
Exclamación Error Sintáctico en CSS

Hola amigo del foro, esta vez traigo un pequeño problema que se me presento el dia de hoy al querer validar mi documento CSS.

Hace unas semanas valide el siguiente codigo CSS, elegi la versión CSS3 en el validador:

input{
background-color: #f8f8f8;
font-family:"Lucida Grande", Helvetica, Arial, Verdana;
font-size:13px;
color: #555;
box-shadow:inset 0 1px 3px #e4e4e4;
border:1px solid #e3e3e3;
linea 69->border-radius:5px;
padding:5px;

}

No resultaba ningun error, hasta me daban las imagenes estas de que el documento se ha analizado sin errores.
Entonces, hoy al analizar otro codigo de otro diseño, pero con el mismo codigo me mando un error.
Luego volvi a tomar el codigo primero y esta vez me mando error.
El error es el siguiente:

69 input Error de análisis sintáctico [empty string]

La verdad no entiendo, aquella vez a la config. del CSS le puse que se la versión 3.

En la información de CSS valido aparece lo siguiente:
input {
background-color : #f8f8f8;
font-family : "Lucida Grande", Helvetica, Arial, Verdana;
font-size : 13px;
color : #555;
box-shadow : ;
border : 1px solid #e3e3e3;
padding : 5px;
}
Como ven los valores del box-shadow es liminada.

Ahora, elimino la linea 69 como aparece en el codigo de arriba, lo valido y no sale ningun error, pero segun yo ese codigo del "border-radius" esta bien.


Espero me puedan dar alguna explicación, amigos.

Saludos!!
  #2 (permalink)  
Antiguo 27/02/2011, 01:55
Avatar de JuanJesusNoval  
Fecha de Ingreso: febrero-2011
Ubicación: Sevilla
Mensajes: 2
Antigüedad: 6 años, 9 meses
Puntos: 0
Respuesta: Error Sintáctico en CSS

Entiendo que es un error del vadilator CSS3, yo estoy obtenido el mismo resultado, y después de consultar [URL="http://www.w3.org/TR/2011/CR-css3-background-20110215/#the-border-radius"]w3c [/URL], no me queda duda de que es un error temporal del validador,
He realizado otra prueba que me ha dado resultados inesperados y es que en la web de http://www.w3c.es/ no usan la propiedad border-radius sino -moz-border-radius y La propiedad -webkit-border-radius, pero lo curioso es que esas propiedades esas propiedades no están estandarizadas por ellos y por supuesto su validador tampoco las permite.

Podeis ver lo que comento [URL="http://jigsaw.w3.org/css-validator/validator?uri=+http%3A%2F%2Fwww.w3c.es%2F&profile= css3&usermedium=all&warning=1&lang=es"]aquí[/URL].
Te adjunto en texto plano el reporte del validador que me indica,
Resultados del Validador CSS del W3C para http://www.w3c.es/ (CSS versión 3)
Disculpas! Hemos encontrado las siguientes errores (9)
URI : http://www.w3c.es/css/2010/minimum.css
37 .secondary_nav li Propiedad no válida : display -moz-inline-stack no es un valor de display : -moz-inline-stack -moz-inline-stack
177 .button La propiedad -moz-border-radius no existe : 3px 3px
177 .button La propiedad -moz-box-shadow no existe : 0 1px 3px rgba(0,0,0,0.5) 0 1px 3px rgba(0,0,0,0.5)
177 .button La propiedad -webkit-border-radius no existe : 3px 3px
177 .button La propiedad -webkit-box-shadow no existe : 0 1px 3px rgba(0,0,0,0.5) 0 1px 3px rgba(0,0,0,0.5)
177 .button Propiedad no válida : border-bottom Faltan valores o no se reconocen los valores : 1px solid rgba(0,0,0,0.25) 1px solid rgba(0,0,0,0.25)
177 .button Propiedad no válida : text-shadow Faltan valores o no se reconocen los valores : 0 -1px 1px rgba(0,0,0,0.25) 0 -1px 1px rgba(0,0,0,0.25)

Solucion :
Hasta que w3c de eso como un error y solo si tenies como requerimineto que el validador os de luz verde, entonces se debería realizar los bordes como antes de css3, con imágenes hay mil forma de hacerlo yo prefiero para un recuadro usando varios div y para botones ayudándote del meta span explicación aquí:
http://www.zoneartcss.com/webdesign/css/botones-de-formulario-con-bordes-redondos-solo-con-css/
Porfavor si el resultado que el [URL="http://jigsaw.w3.org/css-validator/"]validador CSS[/URL] deja de dar esa propiedad como error , que alguien nos informe, gracias.

Última edición por JuanJesusNoval; 27/02/2011 a las 01:59 Razón: pequeño error y no observo los enlaces de forma correcta.
  #3 (permalink)  
Antiguo 27/02/2011, 08:05
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Error Sintáctico en CSS

A finales de Enero, inicios de Febrero, hubo un anuncio relativo a que la w3c dejaría de marcar el uso de los prefijos privativos en las propiedades de dss3 como errores para pasar a ser considerados como advertencias:
http://bit.ly/eG5PWk

Supongo que en el proceso habrá habido algún error en la implementación de esos cambios, y ese error será el motivo de esas notificaciones.

Etiquetas: Ninguno
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




La zona horaria es GMT -6. Ahora son las 06:42.