Como implemento este diseño de web

PedroK · #1 (**permalink**) 29/03/2005, 16:47

Hola foreros

Estoy diseñando una web simple, en principio sera un encabezado, un cuerpo y un pie. Donde el encabezado y pie los inserto con php igual para todas las paginas. El problema lo tengo con el cuerpo, este es una tabla que tiene 2 columnas y una fila. En la primera columna inserte otra tabla que conforma una barra de navegacion, en la segunda columna voy insertando por php el contenido segun se pulse en la tabla de navegacion.

Que les parece esta organizacion?
Tengo un problemilla, cuando el contenido de la segunda columna es extenso, lo que tengo en la primera columna se baja. Ya probe con valign pero no logro nada.

Que me aconsejan?

salu2
pedro

Mickel · #2 (**permalink**) 29/03/2005, 18:14

Valign=Top deberia servir. Si no, indica cual es tu pagina para ver cual puede ser el problema...

PedroK · #3 (**permalink**) 30/03/2005, 15:23

gracias por responder, he probado pero no funciona con valign. Te posteo el codigo para que lo veas.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

</style>
</head>

<body>
<?php include ("encabezado.inc"); ?>

<table width="760" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="124">
<table width="124" border="0" Valign="top" cellspacing="0" cellpadding="0">
<tr align="center" valign="top">
<td width="10"> </td>
<td width="104"> </td>
<td width="10"> </td>
</tr>
<tr align="center" valign="top">
<td> </td>
<td><div align="center"><a href="index.php?id=Titulo1">Titulo1</a></div></td>
<td> </td>
</tr>
<tr align="center" valign="top">
<td> </td>
<td><div align="center"><span class="style2">Titulo2</span></div></td>
<td> </td>
</tr>
<tr align="center" valign="top">
<td> </td>
<td><div align="center"><span class="style2">Titulo3</span></div></td>
<td> </td>
</tr>
<tr align="center" valign="top">
<td> </td>
<td><div align="center"><span class="style2"><a href="index.php?id=Titulo4">Titulo4 </a></span></div></td>
<td> </td>
</tr>
<tr align="center" valign="top">
<td> </td>
<td><div align="center" class="style2">Titulo5</div></td>
<td> </td>
</tr>
<tr align="center" valign="top">
<td> </td>
<td><div align="center"></div></td>
<td> </td>
</tr>
</table> <p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
<td width="636" valign="top">
<?php switch ($id) {
case "Titulo1": include ("Titulo1.inc");
case "Titulo4": include ("Titulo4.inc");
}

?>  </td>
</tr>
</table>

<?php include ("pie.inc"); ?>

</body>
</html>

PedroK · #4 (**permalink**) 30/03/2005, 15:30

Mickel, ahora me funciono!!!... ya esta como queria.
Podrias de paso darme una mirada al code para darme algun consejo? esta bien encarado? Te parece bien que trabaje con medidas absolutas todas las paginas?

gracias y salu2
pedro