ayuda con error <style type="text/css">

jeraxx · #1 (**permalink**) 30/05/2008, 06:45

Hola chicos. Pasando el test de accesibilidad me dice que utilizo un atributo desaconsejado en html: <style type="text/css">

¿por que lo puedo sustituir? ¿que hay mal?

no tengo ninguna unidad absoluta, todo esta en 'em' tanto en la CSS como en la html

NO LO ENTIENDO ME VOY A VOLVER LOCO.

SALUDOS Y GRACIAS

Mikmoro · #2 (**permalink**) 30/05/2008, 09:36

Pon el enlace, a ver si se ve algo raro.

Mikel.

jeraxx · #3 (**permalink**) 03/06/2008, 02:45

ME DA ESTE FALLO AL PASAR LA AA:

Os pongo a continuacion el enlace a la css:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="author" content="Juan Jose Lopez">
<meta name="robots" content="all">
	
<script type="text/javascript">
</script>
	
<title>Transportes Cepelludo S.A.</title>

<style type="text/css">

	@import url(style/style.css);
<!--		
	...ESTILOS....
-->

y en la css no tengo ninguna unidad absoluta (todo esta en em).

Fallo:
http://www.sidar.org/hera/view.php?id=224564&pto=3402&lng=es&opt=code

muchas gracias a todos de verdad¡¡

Mikmoro · #4 (**permalink**) 03/06/2008, 03:11

En realidad sí tienes una medida absoluta, es esta:

.style3 {
font-family: Arial, Helvetica, sans-serif;
font-style: oblique;
padding: 0;
font-size: 1em;
}

Si no indicas la medida, tomará por defecto pt.

Prueba a cambiarlo y a ver qué dice.

Mikel.

jeraxx · #5 (**permalink**) 03/06/2008, 04:49

hola mikel.
he cambiado todos los 0 por 0em en la css y en la pagina html y sigue diciendome lo mismo:

Unidades absolutas en CSS: Se detectaron unidades absolutas (in|cm|mm|pt|pc) o tamaños de fuente definidos en px en los valores de las hojas de estilo. .

mira mi css:

Código:

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color: #C3D6F1;
	}

a:link, a:visited, a:active {

color:#666;
font:bold 0.7em verdana, arial, sans-serif;

}

a:hover {

	color:#333;
	font:bold 0.7em verdana, arial, sans-serif;
}

h1 {

	font:2.3em verdana, arial, sans-serif;
	color:#666;
	margin:0em;
	padding:1.25em;
}

h2 {

	font:1.2em verdana, arial, sans-serif;
	color:#666;
	padding:0.625em;
	margin:0em;

}

p {
	margin: 0em;
	text-align: justify;
	font-family: verdana, arial, sans-serif;
	font-size: 0.9em;
	}
	
#contain {
	width:71em;
	background:#FFFFFF;
	margin-bottom: 1em;
	margin-left: 2em;
	margin-right: 2em;
	margin-top: 0.5em;

}
	

#navcon {

	width:auto;
	margin-left:2em;
	margin-right:2em;
	background:#FFF url(../img/navhead.gif) no-repeat top left; 
	padding:0em 0.17em 1.5em 0em;


}

#navcon ul
{
margin: 0em;
padding: 0em;
list-style-type: none;
font-family: "Comic Sans MS";
border:0em;
}

#navcon li
{
margin: 0em;
padding: 0em;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
border-bottom:0.1em solid #FFF;
}

#navcon li.last {
	background:url(../img/navfoot.gif) no-repeat bottom left;
	padding: 0em;
}

#navcon a
{
display: block;
width: auto;
background:#EFEFEF;
border:0em;
padding:1em 1em 1em 1em;
text-align:left;

}

#navcon a:link, #navcon a:visited
{
	font:bold 0.9em arial, verdana, sans-serif;
	color: #000;
	letter-spacing:0.03125em;
	text-decoration: none;
	padding-left:4em;
	background:#EFEFEF url(../img/nava.gif) no-repeat left center;
	text-align: left;
}

#navcon a:hover
{
color: #000;
background:#F5F5F5 url(../img/navb.gif) no-repeat left center;
}




#leftcol {
	width:21em;
	float:left;
	padding:0em 0em 0em 0em;
	text-align:center;
	height: 20em;
	margin: 0em;

}

#leftcol p {

	padding:0em;
	margin:0em;

}

#content {

	margin-left:16.875em;
	width:auto;
	text-align:inherit;
}

#content p {

	padding:0em;
	margin:0em;

}


#welcome p {

	color:#BD9A52;

}

#welcome img {

	float: left;
	border:0.3125em solid #FFF;

}

#footer {

	width:46.25em;
	clear:left;
	background:#FFF;
	padding:0em 0em 0.25em 0em;

}

#footer p {
	text-align:right;
	padding-right:0.25em;
	font:0.7em verdana, arial, sans-serif;

}
	
.styles {
	font-family: "Courier New", Courier, monospace;
	font-size: 0.875em;
	width: 19.3em;
	height: 1.6em;
	}
	
.stylesAbajo {
	font-family: "Courier New", Courier, monospace;
	font-size: 0.875em;
	width: 21.4em;
	height: 2em;
	}
	
.stylesTABLA {
	width: 46em;
	right: auto;
  }

.stylesVIDEO {
  width: 20em;
  height: 5.5em;
  }
  
.stylesborder {
  border: 0em;
  }

Muchas Gracias

Mikmoro · #6 (**permalink**) 03/06/2008, 04:57

Huele a confusión del validador de sidar. Miraremos a ver qué se ve.

Mikel.

Mikmoro · #7 (**permalink**) 03/06/2008, 05:04

Pues puede que el problema esté en que tanto el vallidador de xhtml de la w3c como el de css no están consiguiendo acceder a tu página en la dirección:

http://cepelludo.webcindario.com/principalV.html

No sé a qué se deberá. Invertigaremos.

Mikel.

Mikmoro · #8 (**permalink**) 03/06/2008, 05:07

También te puedo decir que la sintaxis correcta de import sería:

@import url("style/style.css"), es decir, con comillas.

Y en el código html tienes dos veces cerrada una etiqueta object, y sólo la abres una vez.

Mikel.

Mikmoro · #9 (**permalink**) 03/06/2008, 05:16

Definitivamente ocurre algo con tu hosting, porque yo cojo los códigos, los subo a mi servidor y no da problemas de validación, y en sidar sólo hay 3 errores de nivel AAA.

Mikel.

jeraxx · #10 (**permalink**) 05/06/2008, 03:20

joer pues que faena. he remirado mil veces las hojas de estilo y no veo nada, he seguido vuestros consejos acerca de las comillas y demas pero sigo sin conseguirlo

¿hay algun validador de accesibilidad de la propia W3C?

asi pruebo con el.

estoy probando con el HERA y el TAW

muchas gracias a todos de verdad¡

jeraxx · #11 (**permalink**) 05/06/2008, 04:14

O si no:
¿sabriais vosotoros un hosting guapo que no me de estos quebraderos de cabeza?

esque esto (AA o AAA) lo necesito para mi proyecto fin carrera.

gracias de antemano a todos

Mikmoro · #12 (**permalink**) 05/06/2008, 04:52

Cita:

Iniciado por jeraxx

joer pues que faena. he remirado mil veces las hojas de estilo y no veo nada, he seguido vuestros consejos acerca de las comillas y demas pero sigo sin conseguirlo

¿hay algun validador de accesibilidad de la propia W3C?

asi pruebo con el.

estoy probando con el HERA y el TAW

muchas gracias a todos de verdad¡

Pero antes de nada, ¿has probado a validar el código html y el css en la w3c?

Mikel.

webosiris · #13 (**permalink**) 07/06/2008, 06:37

Cita:

font-family: "Comic Sans MS";

con esto estas enloqueciendo al validador!!

bueno, no literalmente, pero si te digo que la elección de comic sans es medio desafortunada... lo que SI te puede dar problemas de accesibilidad es que no indicas ninguna fuente genérica al final...