Buenas, necesito una mano, estoy diseñando algo y no consigo la forma de
acomodar los divs como yo quiero, me estoy iniciando y me mareo un poco,
paso el codigo CSS y el link:
http://members.libreopinion.com/ar/diseniomrk/
el diseño deberia ser asi:
---------------------------------------------------------------------------|--
banner |
|
---------------------------------------------------------------------------
menu horizontal |
---------------------------------------------------------------------------|-
---------------------------------
-----------------------------------------
fotos | | contenido parrafo y eso|
| |
|
| |
|
| |
|
| |
|
---------------------------------
------------------------------------------
----------------------------------------------------------------------------|
pie |
----------------------------------------------------------------------------|-
por favor si pueden orientarme agradeceria
incluyo codigo fuente:
HTML
<html>
<head>
<title>prueba</title>
<link rel="stylesheet" href="portada.css" type="text/css">
</head>
<body>
<div id="contgeneral">
<div id="banner"><img src="banner_terminado.jpg" alt="imagen" border="0"
height="212" width="780"></div>
<br>
<div id="menu">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</div>
<div id="contenido">
<p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh.</p>
</div>
<div id="fotos">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</div>
</div>
<div id="pie"><p>informacio</p>
<p>mas info<a href="email">Contacto</a></p></div>
</body>
</html>
CSS
#contgeneral{padding:0; margin:0; border:1px red solid;
widht:640px; heigth:480px;}
#banner{margin:0; padding:0; width:640px; height:200px; color:black;}
#menu{margin:1px solid black; padding:1px; widht:640px; height:50px; }
#contenido{padding:0;width:380px; height:180px; float:right; border:1px
yellow;}
#fotos{padding:0; width:190px; height:200px; float:left;}
#pie{margin:0px; padding:0px; width:640px; height:50px;
top:540px; font-size:90%; font-style:italic; float:left;}
body{background-color:#b8885a;
color:#000000; }
p{
text-align:left; position:relative; }
li a{ border:1; padding:0; margin:1; float:left;
text-decoration:none;}
ul{list-style-type:none; margin:0; padding:0; display-block:inline;}
_______________________________________________
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
