Ver Mensaje Individual
  #3 (permalink)  
Antiguo 17/03/2005, 10:29
gutiw
 
Fecha de Ingreso: marzo-2005
Ubicación: Puerto Viejo - Costa Rica
Mensajes: 125
Antigüedad: 19 años, 3 meses
Puntos: 0
Tienes razón, ahí va el código de la página y el de las CSS a continuación

<?xml version="1.0" encoding="iso-8859-1"?>
<!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>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="Templates/estilosPagPrin.css" rel="stylesheet" type="text/css" />
</head>

<body>
<p class="fondo">&nbsp;</p>
<div id="capa1" style="position:absolute; z-index:1" class="capa1">
<div id="capa10" style="position:absolute; left:386px; top:89px; width:102px; height:39px; z-index:2">
<h2 align="center">n&uacute;mero 13 </h2>
</div>

</div>


<div id="Layer2" style="position:absolute; z-index:2" class="capa2">
<div id="capa5" style="position:absolute; z-index:3" class="capa5"></div>
<div id="capa6" style="position:absolute; z-index:2" class="capa6"></div>
<div id="capa7" style="position:absolute; z-index:4" class="capa7"></div>

</div>
<div id="Layer3" style="position:absolute; z-index:5" class="capa3">
<div id="Layer4" style="position:absolute; z-index:1" class="capa9"></div>
</div>
<div id="capa4" style="position:absolute; z-index:4" class="capa4">
<h3>TITULO</h3>
<h4>SUBTITULO</h4>
<p>quarum unam incolunt Belgae, aliam...
</p>
</div>
<div id="capa8" style="position:absolute; z-index:3" class="capa8"></div>
</body>
</html>

A continuación el código de las CSS

.capa1 {
position: relative;
height: 132px;
width: 401px;
left: 29px;
top: 14px;
background-image: url(../activos/imagenes/logo%20caribe.gif);
background-repeat: no-repeat;
}
body {
background-color: #99CC99;
background-image: url(../activos/imagenes/fondo.jpg);
font-weight: bold;
background-repeat: no-repeat;
word-spacing: 0.1em;
}
.capa2 {
height: 431px;
width: 182px;
left: 29px;
top: 101px;
position: absolute;
}
.capa3 {
background-image: url(../activos/imagenes/barraNavamarilla.gif);
left: 285px;
top: 155px;
width: 153px;
height: 278px;
background-repeat: no-repeat;
}
.capa4 {
background-image: url(../activos/imagenes/recuadro%20derecho.gif);
height: 540px;
width: 255px;
left: 520px;
top: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-indent: 1em;
padding-left: 1em;
padding-top: 2em;
}
.capa5 {
background-image: url(../activos/imagenes/limonLeEspera.jpg);
height: 137px;
width: 200px;
left: -25px;
top: 10px;
position: relative;
}
.capa6 {
background-image: url(../activos/imagenes/cahuita.jpg);
height: 133px;
width: 200px;
position: relative;
top: 137px;
}
.capa7 {
background-image: url(../activos/imagenes/pviejo.jpg);
position: relative;
height: 150px;
width: 200px;
top: 250px;
left: -10px;
}
.capa8 {
background-image: url(../activos/imagenes/manzanillo.jpg);
width: 200px;
top: 450px;
left: 100px;
position: relative;
height: 133px;
}
.capa9 {
position: relative;
height: 133px;
width: 200px;
left: 15;
top: 275;
background-image: url(../activos/imagenes/tortuguero.jpg);
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 2em;
font-weight: bold;
text-decoration: underline;
color: #000099;

}
h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-style: italic;
font-weight: bold;
color: #990000;

}