Foros del Web » Creando para Internet » CSS »

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

Estas en el tema de Ayuda - El código vlaida, pero me tira Warnings! en el foro de CSS en Foros del Web. 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{ ...
  #1 (permalink)  
Antiguo 04/04/2009, 17:57
Avatar de jimmy1971  
Fecha de Ingreso: diciembre-2008
Mensajes: 82
Antigüedad: 9 años
Puntos: 1
Pregunta Ayuda - El código vlaida, pero me tira Warnings!

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;
}
  #2 (permalink)  
Antiguo 04/04/2009, 18:32
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
Respuesta: Ayuda - El código vlaida, pero me tira Warnings!

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
__________________
Al final del día hablar es gratis, codificar no lo es
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 12:44.