Hola Yaneth.. Gracias pr tomarte tu tiempo a contestarme. :) El codido.. ehh. bueno, aqui te lo dejo, como ya sabras es mi primera pagina y el codigo está algo desordenado jejeje, y he estado probando unas cosas y otras.. PEro si me puedes ayudar mucho te lo agradecería o cualquier otro usuario que entiendo lo que que necesito, lo cual creo que lo dejé bien explicado arriba.
Como veras abajo aun no logro distinguir el uso de los estilos y las clses, creo que las he usado indistintamente.
Aceto sugerencias, GRacias
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Miss Teen Belleza Venezuela</title>
<style type="text/css">
<!--
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
#global {width:950px ; margin: 4px auto }
#fondo {
position:absolute;
width:950px;
height:768px;
z-index:1;
background-position: center center;
}
body {
background-color: #E3DFDE;
}
#cabecera {
position:absolute;
left:0px;
top:-4px;
width:950px;
height:155px;
z-index:2;
margin: 4px 0px 0px 0px
}
#menulateral {
position:absolute;
left:33px;
top:180px;
width:187px;
height:446px;
z-index:2;
}
#apDiv2 {
position:absolute;
left:0px;
top:713px;
width:950px;
height:56px;
z-index:2;
}
#menuinf {
position:absolute;
left:261px;
top:521px;
width:672px;
height:170px;
z-index:2;
}
#capalogo {
position:absolute;
left:4px;
top:4px;
width:197px;
height:139px;
z-index:2;
}
#menucorporativo {
position:absolute;
left:551px;
top:70px;
width:393px;
height:28px;
z-index:2;
text-align:left ; margin: 3px 10px 3px 3px;
background-image: url(imágenes/menucorp.gif)
}
#menucorporativo li {list-style:none;
float:left;
margin: 10px 0px 3px 17px}
#menulateral {
position:absolute;
left: 40px;
top:180px;
width:187px;
height:446px;
z-index:2;
text-align:left ; margin: 3px 10px 3px 3px;
background-image: url(imágenes/Index_04.gif)}
#menulaterasecc1 {
position:absolute;
left: 1px;
top:17px;
width:187px;
height:66px;
z-index:2;
text-align:left;
}
#menulaterasecc1 li {list-style:none;
float:left;
margin: 10px 10px 0px 17px}
#menulaterasecc2 {
position:absolute;
left: 0px;
top:100px;
width:187px;
height:113px;
z-index:2;
text-align:left;
}
#menulaterasecc2 li {list-style:none;
float:left;
font-family: "Trajan Pro";
font-size:10px;
font-size: 10px;
color: #FFFFFF;
float:left;
list-style:none;
margin: 10px 32px 1px 17px}
#menulateralsecc3 {
position:absolute;
left: 0px;
top:220px;
width:187px;
height:150px;
z-index:2;
text-align:left;
}
#menulateralsecc3 li {list-style:none;
float:left;
font-family: "Trajan Pro";
font-size:10px;
font-size: 10px;
color: #FFFFFF;
float:left;
list-style:none;
margin: 10px 32px 1px 17px}
#apDiv1 {
position:absolute;
left:1px;
top:712px;
width:950px;
height:56px;
z-index:2;
}
.Estilo1 {
font-family: "Trajan Pro";
font-size: 10px;
color: #FFFFFF;
}
.Estilo2 {
font-family: "Trajan Pro";
font-size: 10px;
color: #FFFFFF;
float:left;
list-style:none;
}
-->
</style>
</head>
<body>
<div>
<div id ="global">
<div align="center" id="fondo">
[contenido no disponible] <div id="cabecera"; align="center">
[contenido no disponible] </div>
<div id="menucorporativo">
<ul class="Estilo1">
Inicio
Contáctenos
Quienes Somos
Historia
Noticias
</div>
<div id="capalogo">[contenido no disponible]</div>
<div id="menulateral">
<div id="menulaterasecc1">
<ul class="Estilo2">Conoce a Carmen Ledesma
Galeria
</div>
<div id="menulaterasecc2">
<ul> Miss Teen Belleza Venezuela 2009
Casting
Vota por tu favorita
</div>
<div id="menulateralsecc3">
<ul>
Otros Eventos
Miss Belleza Venezuela
Pre Teen Venezuela
Mini Belleza Venezuela
Petite Venezuela
Señora Belleza Venezuela
Mr. Earth Venezuela
</div>
</div>
<div id="menuinf">[contenido no disponible]</div>
<div id="apDiv1">[contenido no disponible]</div>
</div>
</body>
</html>
