Muchas gracias por tu respuesta. La probaré!
--- Miguel
----- Original Message ----- From: "Jordi" <[EMAIL PROTECTED]>
To: <[EMAIL PROTECTED]>
Sent: Tuesday, November 09, 2004 3:10 AM
Subject: Re: [Ovillo] Columnas e Imágenes pero sin tablas.
Aqui te pongo un ejemplo de maquetacion sin tablas donde tenemos una cabecera, dos menus laterales y la zona central con los contenidos:
Como estilo CSS, destacar el posicionamiento absoluto de los menus y el uso de margin padding y width para dar tamaños.
<style type="text/css">
body {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
padding: 0px;
margin: 0px;
background-color:#FFFFFF;
line-height: 15px;
}
#cabeza {
margin: 5px;
padding: 10px;
background-color:#FFFFCC;
border: 1px solid #000;
height: 70px;
}
#izquierda {
position:absolute;
top: 97px;
left: 0px;
margin: 5px;
padding: 10px;
background-color:#FFFFCC;
border: 1px solid #000;
width: 135px;
}
#centro {
margin: 0px 170px 5px 170px;
padding: 10px;
background-color:#FFFFCC;
border: 1px solid #000;
}
#derecha {
position:absolute;
top: 97px;
right: 0px;
margin: 5px;
padding: 10px;
background-color:#FFFFCC;
border: 1px solid #000;
width: 135px;
}
</style>
Como pagina XHTML (Esto va en el body)
<div id="cabeza"><h2>Titular o logo del web</h2></div> <div id="izquierda">Menu principal </div> <div id="centro">Contenido central de la weg</div> <div id="derecha">Menu Secundario </div>
Espero que te sirva... la esencia esta en los posicionamientos y tamaños de los codigos CSS
Salu2
jordifreek - www.jordifreek.com
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [EMAIL PROTECTED]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
_______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
