Ayuda con tablas por favor

yooo · #1 (**permalink**) 08/02/2005, 04:22

Buenas, estoy haciendo una pagina web pero tengo el siguiente problema, tengo una tabla madre i dentro de ella tengo varias tablas mas, pero la de la izquierda no me deja alinearla arria y la de la derecha tampoco, como lo odria hacer?Con capas seria buena idea?Os dejo el codigo y la direccion de la pagina para que veais el problema, gracias de antemano.
http://www.arkagames.com/prueba.htm

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="770" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" background="images/02.jpg"><img src="images/01.jpg" width="259" height="36"></td>
</tr>
<tr>
<td colspan="3"><img src="images1/logo1.jpg" width="780" height="74"></td>
</tr>
<tr>
<td>
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><img src="images1/categorias.jpg" width="155" height="23"></td>
</tr>
<tr>
<td><img src="images/top.jpg" width="155" height="7"></td>
</tr>
<tr>
<td background="images/bgnews.jpg"> </td>
</tr>
<tr>
<td background="images/bgnews.jpg"> </td>
</tr>
<tr>
<td background="images/bgnews.jpg"> </td>
</tr>
<tr>
<td background="images/bgnews.jpg"> </td>
</tr>
<tr>
<td background="images/bgnews.jpg"> </td>
</tr>
<tr>
<td background="images/bgnews.jpg"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</td>
<td width="415">
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/title1.jpg" width="415" height="70"></td>
</tr>
<tr>
<td background="images1/bgmid.jpg"> </td>
</tr>
<tr>
<td background="images1/bgmid.jpg"> </td>
</tr>
<tr>
<td background="images1/bgmid.jpg"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</td>
<td width="214">
<table width="79%" border="0" cellspacing="0" cellpadding="0" bgcolor="#000000">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

Durgeoble · #2 (**permalink**) 08/02/2005, 04:31

Curioso, es un problema muy similar al que iba a postear yo hace un momento, asi que esperare a ver respuestas

Zerjillo · #3 (**permalink**) 08/02/2005, 09:40

Prueba a poner dentro del tag <td> don pones una tabla : style="vertical-align: top;".

Tedria que quedar algo asi:

Código HTML:

<table>
  <tr>
    <td style="vertical-align: top;">
      <table> .. tabla interna de la izquierda ..</table>
    </td>
    <td> ... </td>
    <td style="vertical-align: top;">
      <table> .. tabla interna de la derecha ..</table>
    </td>
  </tr>
</table>

Espero que te sirva, y un consejo, no uses tablas para maquetar páginas webs

Un saludo

Zerjillo

yooo · #4 (**permalink**) 08/02/2005, 10:05

Zerjillo no funciona, no me aconsejas tablas y entonces como?capas?

juanchilo · #5 (**permalink**) 08/02/2005, 11:18

hacelo con div y css te va a dar mas flexibilidad.

ejemplo

Código HTML:

#cabecera {
margin-top: 10%;
width: 90%;
background-color: #990000;
}

span {
 font: arial  #fff;
}


<div id="cabecera>

<span> hola como estan!!</span>
</div>

tenes un ehemplo simple para darte la idea en:

juanma.futurahost.com/elfhbot/sinmenu.php

avisame si necesitas ayuda.

yooo · #6 (**permalink**) 08/02/2005, 11:59

un poco complicado lo veo por que no lo acabo de entender

pero gracias de todas formas y en el ejemplo que as puesto lo veo todo muy desordenado.

Durgeoble · #7 (**permalink**) 08/02/2005, 12:27

Es muy sencillo, pasate por el foro de css y echale un vistazo a las faqs y lo entenderas enseguida

juanchilo · #8 (**permalink**) 08/02/2005, 13:19

aca lo tenes mejor ordenado:

estructura simple con layout de lo que tienes alli, mas claro hechale agua:

este es el css....

Código:

#contenedor {

position:absolute;
top: 10%;
left:10%;
}

#table_iz {
float:left;
width:150px;
background-color:#000099;
}


#content {
float:left;
width: 300px;
background-color:#993300;
}

#table_der {
float:left;
width:150px;
background-color:#009900;
}

este es el html...

Código HTML:

<body>

<div id="contenedor">
  
  <div id="table_iz">Colocar aquí el contenido para id "table_iz"</div>
  
  <div id="content">Colocar aquí el contenido para id el contenido del    sitio</div>

  <div id="table_der">Colocar aquí el contenido para id "table_iz"</div>

</div>

</body>

id="contenedor" seria tu tabla madre

yooo · #9 (**permalink**) 08/02/2005, 15:16

muchas gracias a los dos ahora si que esta todo entendido

Yo soy fat boy · #10 (**permalink**) 10/02/2005, 05:27

El problema que tenias es que no has cambiado los margenes por defecto de las tablas