Foros del Web - Ver Mensaje Individual - Fondo fuera pág vs fondo dentro pág

Tema: Fondo fuera pág vs fondo dentro pág

Ver Mensaje Individual

#5 (permalink)

Antiguo

15/01/2007, 12:25

Fecha de Ingreso: enero-2007

Ubicación: perdida entre líneas de código...

Mensajes: 235

Antigüedad: 17 años, 3 meses

Puntos: 1

De acuerdo

Re: Fondo fuera pág vs fondo dentro pág

<link rel=stylesheet href="mis-estilos.css" type="text/css" />
<style type="text/css">
.barra-lateral {
float:left;
width:150px;
border-right:#999900 1px solid;
height:800px;
background-color: #f4f3d4;
}
.contenedor-central {
margin: 0;
float:left;
width: 788px;
padding:20px 0 0 10px;
background-color:#FFFFFF;
height:780px;
}
.cont-texto-1-nivel{
float:left;
width:760px;
height:160px;
margin-bottom:auto;
}

.img2 {
margin:5px 20px 10px 0px;
margin-top:0px;
float:left;
font-size: 10px;
width: 196px;
height: 154px;
margin-bottom:auto;
}
.texto {
float:left;
width:530px;
height: 100%;
line-height: normal;
}
.texto2 {
float:left;
width:770px;
margin-top:5px;
line-height: normal;
}
.barra-de-titulo {
float:left;
width:770px;
}
h1 {
color:#8C953B;
font-size:16px;
font-weight: bolder;
text-align: left;
margin-top: 5px;
}
h2 {
text-align:left;
color:#999999;
font-size:16px;
}
h3 {
color:#8d963d;
font-size:20px;
font-weight: bolder;
text-align: left;
margin-top:5px;
}
.h2 {
float:left;
width:390px;
height:20px;
margin: 40px 0 0 0;
text-align:left;
color:#666666;
font-size:12px;
font-weight: bolder;
font-variant:small-caps;
}

ul {
color:#000000;
list-style-type:square;
list-style-position:inside;
}

.img {
margin:0 15px 0 0;
float:left;
font-size: 10px;
background-color: #FFFFFF;
width: 138px;
}
.texto2nivel {
float:left;
width:770px;
text-align: left;
margin-top:10px;
margin-bottom:5px;
}
.cont-texto3nivel{
float:left;
padding:5px 0px 0px 10px;
background-color: #f4f3d4;
border-bottom: solid 1px #7b8519;
border-top: solid 1px #7b8519;
width: 760px;
height:180px;
margin-top:5px;
}
.columna-1 {
float:left;
padding:0px 15px 10px 0;
width:370px;
line-height:normal;
border-right:solid #8c953b 1px;
}
.text-imagen {
float:right;
width:240px;
height:53px;
padding-top: 50px;
}
.columna-2 {
float:left;
padding:0px 0 10px 15px;
width:370px;
line-height: normal;
}
.columna-3 {
float:right;
width:395px;
height:110px;
margin-top: 20px;
}
.titulo {font-size: 20px}
.style4 {font-size: 12px}
.style5 {font-size: 16px}
.titulo-verde-12pt {font-size: 12px; font-weight: bold; }
</style>



<div id="contenedor">
<div class="logo1"><img src="imagenes/cabecera_01.gif" alt="logo" width="314" height="107"></div>
<div class="flash"><img src="imagenes/cabecera_02.jpg" alt="flash" width="636" height="107" /></div>
<div class="logo2"><img src="imagenes/cabecera_02.gif" alt="logo" width="950" height="35"></div>

<div class="contenedor-central">
<div class="cont-texto-1-nivel">
<div class="img2"><img src="imagenes/terapia.jpg" alt="centro familiar" width="203" height="152" /></div>
<div class="texto">
<h1 class="titulo">Centro Familiar Eirene</h1>
<p align="left">Profesionales cristianos al servicio
de la familia y de la comunidad.</p>
<p align="left" class="titulo style4"> </p>
<h1 align="left" class="titulo style4"><span class="style5">Nuestro Propósito</span></h1>
<p align="left"> El Centro Familiar es un lugar donde las personas y las instituciones
pueden recibir ayuda para enriquecer sus vínculos y resolver
situaciones problemáticas.</p>
</div>
</div>
<div class="barra-de-titulo">
<h1 align="left" class="style5">Nuestros Servicios </h1>
</div>
<div class="columna-1">
<h1 align="left"><span class="titulo-verde-12pt">Area de Psicología:</span></h1>
<p align="left">Terapia
Familiar, individual y de pareja. Se atiende a niños, adolescentes
y adultos. Orientación
sobre problemáticas específicas.</p>
<p align="left">

<p align="left">
<hr style="border:1px dashed #999999; width:360px" />
 </p>
<h1 align="left"><span class="titulo-verde-12pt">Area de Psicopedagogía:</span></h1>
<p align="left">Detección
y tratamiento de problemas de aprendizaje. Orientación Vocacional.
Orientación a
Padres.</p>
</div>
<div class="columna-2">
<h1 align="left"><span class="titulo-verde-12pt">Area Legal:</span></h1>
<p align="left">Asesoramiento
en asuntos jurídicos a familias,
individuos e instituciones.</p>
<p align="left">

<hr style="border:1px dashed #999999; width:360px" /> </p>
<h1 align="left"><span class="titulo-verde-12pt">Area de Consultoria
Educativa:</span></h1>
<p align="left">Diagnóstico, asesoramiento y
elaboración de estrategias frente a problemas de difícil
resolución en las instituciones educativas. Orientación
a directivos, docentes, alumnos y padres.</p>
</div>
<div class="columna-3">
<div class="img"><img src="imagenes/Maria Elena Mamarianpeq.jpg" alt="María Elena Mamarian de Partamian" width="138" height="104" /></div>
<div class="text-imagen"> <h1><span class="style4">Coordinadora:<br />
Lic. Maria Elena Mamarian de Partamian
</span><br />
<span class="link">[email protected] </span></h1>
</div>
</div>

</div>
<div class="pie">Eirene Argentina - 2004 -2007 - Todos los derechos reservados<br />
Armonía Plena - Servicio Integral a la Familia - Asociación Civil - Resolución IGJ Nº 0000987 - Al servicio del propósito de Dios</div>
<div class="borde-cierre"></div>
</div>
</body>
</html>