como hace esto .

bambanx · #1 (**permalink**) 14/05/2007, 17:59

hola mi consulta es como podria hacer el menu de esta pagina en dreamweaver donde dice el instituto , formacion del instituto ...
y como se hace para que toda la pagina este como en una especie de cuadro , asi no ocupa toda la pagina y queda
un borde alrededor de toda ella.
Muchas gracias.
la pagina es
www . institutoericksonmadrid . com

stef · #2 (**permalink**) 15/05/2007, 05:06

sobre la primera consulta, no se..
sobre la segunda te diré que a mi no me ocupa toda la pagina, y que eso depende de la resolucion de pantalla de cada uno, yo por ejemplo la tengo a 1027*768 que es el standard de hoy en dia.

DragonX · #3 (**permalink**) 15/05/2007, 09:45

bambanx para hacer un manu como ese, mirate este ENLACE.

En cuanto al tema de que quede centrada y en "el recuadro" como lo llamas, eso se logra manejando medidas fijas (760px de ancho) y centrado.

bambanx · #4 (**permalink**) 15/05/2007, 13:15

Gracias por las respuestas , no me queda muy claro el tema de dejar las medidas fijas , podrias especificar un poco mas de como hacerlo ?
Gracias.

DragonX · #5 (**permalink**) 15/05/2007, 14:04

cuando armas la tabla principal, ponele que tenga un width de 760px al ser fijo los elementos se acomodan dentro de la tabla sin sobrepasar los limites.

Una vez que tenes esto, centras la tabla y listo. Te va a quedar una tabla de 760px cetrada en medio de la página.

Si todavía se te complica un poco avisame, te armo el código y te lo copio aca así lo ves.

bambanx · #6 (**permalink**) 15/05/2007, 14:43

diculpa mi ignorancia pero yo pensaba que se hacia con frameset uno arriba otro abajo y uno a cada lado , ahora como tu me dices , me imagino la pagina en blanco centro una tabla grande en la cual armo toda la pagina es eso?
Gracias.

DragonX · #7 (**permalink**) 15/05/2007, 19:10

tal cual!

mira, te dejo de todos modos el código de una tabla de 760px y centrada.

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table width="760" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

Espero te sirve

Yaraher · #8 (**permalink**) 15/05/2007, 20:59

Una manera más correcta sin utilizar tablas (que de por sí, ya no se utilizan) sería estableciendo un estilo al body:

Código HTML:

<style type="text/css">

body{
    margin: 0 10%;
}
</style>

¡Y listo! Con eso defines que habrá un margen de 10% horizontal (si tu pantalla es, digamos 800px, un margen de 80px en el lado izquierdo y derecho).

El menu es también relativamente sencillo. En este tutorial puedes encontrar mayor información:
http://www.cssplay.co.uk/menus/final_drop.html