Hola Amigos como están? Bueno aquí les muestro mi proyecto web que hago con CSS plz le pueden pone runa miradita ayúdenme que soy principiante yap? se los agradecería infinitamente :) quiero saber que errores cometo? que le pondrían que le sacarían, como hacerlo más optimo para todos los navegadores :D
CSS:
Código:
body {
background-image:url(../imagenes/img_84.gif);
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
height: 100%;
width: 100%;
}
.tabla1 {
height: auto;
width: 766px;
background-color:#E8441E;
border-style: solid;
border-width: 4px;
border-color: #ffffff;
}
.tabla2 {
height: 102px;
width: 766px;
background-image: url(../imagenes/topsitio02.jpg);
}
.tabla3 {
height: auto;
width: 766px;
background-image: url(../imagenes/bottomsitio02.jpg);
background-repeat: no-repeat;
background-position: left bottom;
text-align: right;
}
.contenido {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
height: auto;
width: 500px;
padding: 6px;
}
.contenido p {
text-align: justify;
}
.pie {
height: 15px;
width: 766px;
background-color:#B81007;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-align: center;
/*border-top: 1px solid #ffffff;*/
}
.cuadroizquierda {
float: left;
height: 400px;
width: 200px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-align: left;
padding: 6px;
}
a:link {
text-decoration:none;
color:#ffffff;
}
a:visited {
text-decoration:none;
color:#ffffff;
}
a:active {
text-decoration:none;
color:#FFCC00;
}
a:hover {
text-decoration:underline;
color:#FFCC00;
font-weight:bold;
text-decoration:underline;
}
HTML
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>lala</title>
<link href="css/sitio.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="tabla1">
<div class="tabla2"></div>
<div class="tabla3">
<div class="contenido"></div>
</div>
<div class="pie"></div>
</div>
</body>
</html>
amigos eso es :) espero que me pueda ayudar Muchos saludos y Abrazos!!
WS