Ayuda - El código vlaida, pero me tira Warnings!

jimmy1971 · #1 (**permalink**) 04/04/2009, 16:57

Como soluciono los Warnings?

Código:

body{
	text-align:center;
	margin-top: 0px;
}
a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #1e42aa;
	outline:none;}

a:hover{
	text-decoration: none;
}
h1{
	color: #1e42aa;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bolder;
}
h2{
	color: #333;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}
h3{
	color: #8b008b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
}

h4{
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding-top: 4px;
	margin: 0px;
}

h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #1e42aa;
}

p{
	color: #333;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

span{
	color: #333;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

li{
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

#div-body{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 50px;
	background: url(../image/contorno.jpg);
	width: 940px;
}

		.div_redondeado_arriba{
			background: url(../image/contorno_arriba.jpg);
			height: 40px;
			clear: both;
		}
		
		.div_redondeado_abajo{
			background: url(../image/contorno_abajo.jpg);
			height: 30px;
			clear: both;
		}

#div-contenedor{
background: #fff;
width: 900px;
margin: auto;
text-align: left;
}

#div-cabezal{
	width: 900px;
	height: 150px;
	clear: both;
	background-image: url(../image/head.jpg);
}

.div-cita{
	background: url(../image/fondo_caja_arriba.jpg) repeat-x;
	float:left;
	position: relative;
	font-weight: bolder;
	text-align: justify;
	width: 656px;
	background-color: #fefefe;
	border-top: solid #999 1px;
	margin-top: 20px;
}

			blockquote {
				font-style: italic;
				background: url(../image/comillas.gif) no-repeat 0 10px;
				padding: 5px 5px 0px 5px;
				margin: 5px;
				display:block;
				text-align: justify;
				}


			blockquote p{
				font-family: Arial, Helvetica, sans-serif;
				color: #666;
				font-size: 12pt;
				font-weight: normal;
				text-align: justify;
			}
			
			blockquote p cite{
				color: navy;
				font-size: 10pt;
				text-align: right;
			}
			
			.menu{
				width:900px;
				height: 50px;
				text-align: center;
				bottom: 0px;
				top: 120px;
				position: relative;
				margin: 0px;
				text-align: center;
				z-index: 1;
			}
			
						.nav-menu{
							background: url(../image/sprite-menu.gif) no-repeat;
							width: 860px;
							height: 50px;
							list-style: none;
							margin:auto;
							padding:0;
							text-align: center;
						}
						
						.nav-menu span{
							display: none;
						}
						
		
						.nav-menu li, .nav-menu a{
							display: block;
							height: 50px;
						}
						
						.nav-menu li {
							float: left;
							list-style: none;
							display: inline;
						}
						
						#nav-menu-01{
							width: 84px;
						}
						
									#nav-menu-01 a:hover{
										background: url(../image/sprite-menu.gif) 0px -50px no-repeat;
									}
									
									
						#nav-menu-02{
							width: 180px;
						}
						
									#nav-menu-02 a:hover{
										background: url(../image/sprite-menu.gif) -84px -50px no-repeat;
									}

									
						#nav-menu-03{
							width: 167px;
						}
						
									#nav-menu-03 a:hover{
										background: url(../image/sprite-menu.gif) -264px -50px no-repeat;
									}
									
						#nav-menu-04{
							width: 118px;
						}
						
									#nav-menu-04 a:hover{
										background: url(../image/sprite-menu.gif) -431px -50px no-repeat;
									}

									
						#nav-menu-05{
							width: 174px;
						}
						
									#nav-menu-05 a:hover{
										background: url(../image/sprite-menu.gif) -549px -50px no-repeat;
									}

									
									
							#nav-menu-06{
							width: 137px;
						}
						
									#nav-menu-06 a:hover{
										background: url(../image/sprite-menu.gif) -723px -50px no-repeat;
									}								
									
									
#div-contenido{
	width: 660px;
	float: left;
	padding: 20px 20px 0px 20px;
	position: relative;
	top: 20px;
}

		.div-banner{
			background: url(../image/banner.jpg) no-repeat;
			margin-bottom: 30px;
			width: 660px;
			height: 120px;
			position: relative;
		}
		
		.div-col{
		width: 660px;
		}
				
				.div-col-central{
					width: 660px;
					text-align: center;
				}
				
							.div-col-central-arriba{
								background: url(../image/div-col-central-arriba.gif) no-repeat;
								width: 660px;
								height: 20px;
								clear: both;
								margin: auto;
								
							}
							
							.div-col-central-medio{
								width: 620px;
								background: url(../image/div-col-central-medio.gif) repeat;
								clear: both;
								margin: auto;
								padding: 0px 20px 10px 20px;
								text-align: justify;
							}
							
						
							.div-col-central-abajo{
								width: 660px;
								background: url(../image/div-col-central-abajo.gif) no-repeat;
								clear: both;
								height: 10px;
								margin: auto;
													margin-bottom: 30px;
							}
							
				.div-col-cont{
					text-align: justify;
				}
				
							.div-col-cont li{
								color: #333;
								font-family: Arial, Helvetica, sans-serif;
								font-size: 10pt;
							}
				
				.div-col-cont-izq{
					float: left;
					width: 500px;
				}
				
				.col-izq{
					width: 190px;
					float: left;
					top: 0px;
					padding: 0px 10px 0px 0px;
					border-right: 1px dashed #999;
				}
				
							.col-izq ul{
								color: #333;
								font-family: Arial, Helvetica, sans-serif;
								font-size: 10pt;
							}
							
							/*#div-pdf{
								text-align: center;
							}
							
							.rollover-pdf{
								display: block;
								margin-left: auto;
								margin-right: auto;
								width: 60px;
								height: 60px;
								background: url(../image/pdf.gif) no-repeat;
							}
							
							a.rollover-pdf:link, a.rollover-pdf:visited, a.rollover-pdf:active{
								background: url(../image/pdf.gif) no-repeat;
							}
							
							a.rollover-pdf:hover{
								background: url(../image/pdf_hover.gif) no-repeat;
							}*/
							
							.rollover-contactenos{
								display: block;
								margin-left: auto;
								margin-right: auto;
								width: 190px;
								height: 200px;
								background: url(../image/contactenos.jpg) no-repeat;
								margin-bottom: 20px;
							}
							
							a.rollover-contactenos:link, a.rollover-pdf:visited, a.rollover-pdf:active{
								background: url(../image/contactenos.jpg) no-repeat;
							}
							
							a.rollover-contactenos:hover{
								background: url(../image/contactenos-rollover.jpg) no-repeat;
							}
							
							
							.rollover-ejemplos{
								display: block;
								margin-left: auto;
								margin-right: auto;
								width: 190px;
								height: 70px;
								background: url(../image/ejemplos.gif) no-repeat;
							}
							
							a.rollover-ejemplos:link, a.rollover-pdf:visited, a.rollover-pdf:active{
								background: url(../image/ejemplos.gif) no-repeat;
							}
							
							a.rollover-ejemplos:hover{
								background: url(../image/ejemplos-roll.gif) no-repeat;
							}
				
				
				.col-der{
					width: 438px;
					float: right;
					top: 0px;
					padding: 0px 0px 0px 10px;
				}

.resumen{
	background: url(../image/fondo_caja_arriba.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	text-align: justify;
	width: 420px;
	padding: 10px;
	background-color: #fefefe;
	border-top: solid #999 1px;
}

.degrade{
	background: url(../image/fondo_caja_arriba.jpg) repeat-x;
	font-weight: bolder;
	width: 640px;
	border-top: solid #999 1px;
}
					
#div-lateral{
	width: 180px;
	float: right;
	top: 40px;
	position: relative;
	margin-right: 20px;
	margin-left: 0px;
}

			.div-lateral-arriba{
				background: url(../image/lateral_arriba.gif) no-repeat;
				clear: both;
				width: 180px;
				height: 20px;
				float: right;
				margin: 10px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
			}
			
			.div-lateral-abajo{
				background: url(../image/lateral_abajo.gif) no-repeat;
				clear: both;
				width: 180px;
				height: 20px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				top: 0px;
			}

.img_arquitectura{
	border: solid #333 1px;
}

			.img_arquitectura:hover{
				border: solid #ff0000 1px;
			}

.correo{
	list-style: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

			.correo li{
				height: 40px;
				background: #fff;
				float: left;
				margin-right: 10px;
				padding-top: 0px;
			}
			
			.correo a{
				background: url(../image/fondo_link_comprar01.gif) no-repeat;
				display: block;
				width: 260px;
				height: 22px;
				padding-top:10px;
				text-align:left;
				text-indent: 10px;
				padding-bottom: 5px;
			}
			
			.correo li a:hover{
				background: url(../image/fondo_link_comprar02.gif) no-repeat;
			}
			

.subtitulo{
	font-weight: bold;
	color: #333;
	font-size: 10pt;
}

baccxus · #2 (**permalink**) 04/04/2009, 17:32

Te "advierte" que tienes una división del mismo color de un texto de título:

37 Color de primer plano y color de fondo iguales en dos contextos .correo li y h4

puesto que h4 es global EN CASO DE colocar un título h4 en la división .correo li, el texto de ese título no se podrá leer y por eso el warning.

En el segundo caso dice que los elementos flotados NECESITAN tener un ancho estipulado, SUPONGO para que no se monte uno sobre otro.

SON ADVERTENCIAS que no afectan para nada el desempeño de tu hoja CSS, es un POR SI ACASO TEN EN CUENTA...

No es algo de lo que debas preocuparte.

Saludos