Ayuda con "menu" en CSS

dobledealfa · #1 (**permalink**) 09/06/2008, 13:12

Estoy intentando hacer algo como esto:

, la parte central es lo que quiero, el encabezado y el pie de pagina ya lo tengo. En internet e encotrado ejemplos pero de columnas. Algunas sugerencias o ejemplos que me puedan dar porfavor.

Gracias.

DaChux · #2 (**permalink**) 10/06/2008, 15:56

no entiendo muy bien lo que preguntas, quieres digamos, que el "cuerpo" de tu pagina, este dividido en tres bloques horizontales?

dobledealfa · #3 (**permalink**) 10/06/2008, 20:48

Asi es por ahora que sean tres bloques horizontales. Que se vea algo asi como cuando pones <legend>tema</legend> y dentro de cada cuadro va a haber unos links.

Mikmoro · #4 (**permalink**) 11/06/2008, 01:46

Pues no estoy muy seguro de que sea esto lo que quieres, pero tu imagen se podría hacer con al así:

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>doblealfa</title>
<style type="text/css" media="screen">

#contenedor { margin: 0 100px;
}
.leyenda { margin-top: 20px;
display: block;
font-weight: bold;
}
.bloque { border: 8px solid #33F;
}
</style>
</head>
<body>
<div id="contenedor">
<span class="leyenda">Opción 1</span>
<div class="bloque">Texto de prueba<br />
<br />
Texto de prueba</div>
<span class="leyenda">Opción 2</span>
<div class="bloque">Texto de prueba<br />
<br />
Texto de prueba</div>
<span class="leyenda">Opción 3</span>
<div class="bloque">Texto de prueba<br />
<br />
Texto de prueba</div>
</div>
</body>
</html>

Mikel.

DaChux · #5 (**permalink**) 11/06/2008, 02:24

yo yambien habia pensado eso...

o muestra los divs del centro con block o con todo el width posible y creará ese efecto...

Ya nos comentas