CSS - Problema con repeticiones en mi estilos.css

 
Vista:

Problema con repeticiones en mi estilos.css

Publicado por anonimo (2 intervenciones) el 09/05/2006 15:20:39
Buenas gente:

He pasado mi estilos.css, por el w3.org, y me ha dice que esta correcto, pero que se podría mejorar, pq repito propiedades o algo así:

Advertencias

Línea : 8 (Level : 1) Color de primer plano y color de fondo iguales en dos contextos body y .datos
Línea : 8 (Level : 1) Color de primer plano y color de fondo iguales en dos contextos .total y .datos
Línea : 8 (Level : 1) Color de primer plano y color de fondo iguales en dos contextos .check y .datos
Línea : 8 (Level : 1) Hay un color de primer plano establecido y no hay color de fondo : .datos
Línea : 8 (Level : 1) Color de primer plano y color de fondo iguales en dos contextos .casillas y .datos
Línea : 8 (Level : 1) Color de primer plano y color de fondo iguales en dos contextos .botones y .datos
Línea : 17 (Level : 1) Hay un color de primer plano establecido y no hay color de fondo : .texto
Línea : 28 (Level : 1) Hay un color de primer plano establecido y no hay color de fondo : .rojo
Línea : 38 (Level : 1) Hay un color de primer plano establecido y no hay color de fondo : .empresa
Línea : 50 (Level : 1) Hay un color de primer plano establecido y no hay color de fondo : .ip
Línea : 62 La propiedad page-break-before no existe en el medio screen (embossed, handheld, print, projection, tv)
Línea : 63 La propiedad page-break-after no existe en el medio screen (embossed, handheld, print, projection, tv)
Línea : 73 La propiedad page-break-before no existe en el medio screen (embossed, handheld, print, projection, tv)
Línea : 74 La propiedad page-break-after no existe en el medio screen (embossed, handheld, print, projection, tv)
Línea : 86 La propiedad page-break-before no existe en el medio screen (embossed, handheld, print, projection, tv)
Línea : 87 La propiedad page-break-after no existe en el medio screen (embossed, handheld, print, projection, tv)
Línea : 109 La propiedad page-break-before no existe en el medio screen (embossed, handheld, print, projection, tv)
Línea : 110 La propiedad page-break-after no existe en el medio screen (embossed, handheld, print, projection, tv)
Línea : 120 (Level : 1) Hay un color de fondo establecido y no hay color de primer plano : body
Línea : 130 (Level : 1) Hay un color de primer plano establecido y no hay color de fondo : a.links
Línea : 140 (Level : 1) Hay un color de primer plano establecido y no hay color de fondo : a.links:hover
Línea : 168 (Level : 1) Hay un color de primer plano establecido y no hay color de fondo : .titulos
Línea : 179 La propiedad page-break-before no existe en el medio screen (embossed, handheld, print, projection, tv)
Línea : 180 La propiedad page-break-after no existe en el medio screen (embossed, handheld, print, projection, tv)

He estado investigando, de como poder solucionarlo, pero no se.. si alguien me pudiera pasar el archivo corregido, se lo agradecería mucho.

El archivo, os lo podeis descargar de aquí: www . informagestudios . com / estilos.css

Muchas gracias.

Atentamente
Felipe Piquer
informagestudios
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:Problema con repeticiones en mi estilos.css

Publicado por Matahi (19 intervenciones) el 10/05/2006 17:13:40
Pues mira corregirtelo no. Pero te resuelvo unas dudas.

No repites propiedades mas bien te faltan algunas. El caso es que el w3c te sugiere que utilices colores de fondo y en primer plano distintos para evitar posibles problemas de visualización.

A ti ni te va ni te viene porque usas texto en negro sobre fondo blanco. Es más
si te pones a seguir al pie de la letra esas advertencias la presentación de la página cambiará sustancialmente.

Lo de: "La propiedad page-break-before no existe en el medio screen (embossed, handheld, print, projection, tv) " es una advertencia que surge porque la propiedad page-break es propia de del medio screen, es más, no es recomendable utilizarla en presentaciones que como la tuya utilizan tablas. Te sugiriría alternativas pero como no se lo que pretendes con su utilización...

Las sugerencias mas importantes una vez revisada tu hoja de estilos van en otra dirección:

Deberías mejorar la sintaxis de tu css para reducirla de tamaño/peso y hacerla mas manejable, al tiempo que deberías presentarla jerarquicamente. Define por importancia el body lo primero, luego las capas/tablas contenedoras, y así sucesivamente y utiliza comentarios que te facilitarán saber que es cada cosa por si te decides a revisarla más adelante.

Un ejemplo de como simplificar la sintaxis:

Esta parrafada

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
.check {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	page-break-before:auto;
	page-break-after:auto;
	cursor:auto;
	overflow:hidden;
	background-color:#FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

simplificando un poco se quedaría en esto

1
2
3
4
5
6
7
8
.check {
	background: #FFF;
	font: 10px Arial, Helvetica, sans-serif;
	page-break-before:auto;
	page-break-after:auto;
	overflow:hidden;
	border:none;
}

Y si en toda la página vas a utilizar el mismo tipo de letra u otras propiedades definelas en el body para no tener que repetirlas mil veces.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar