Foros del Web » Creando para Internet » HTML »

Ayuda con tablas por favor

Estas en el tema de Ayuda con tablas por favor en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 08/02/2005, 04:22
 
Fecha de Ingreso: abril-2004
Mensajes: 8
Antigüedad: 13 años, 7 meses
Puntos: 0
Ayuda con tablas por favor

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">&nbsp;</td>
</tr>
<tr>
<td background="images/bgnews.jpg">&nbsp;</td>
</tr>
<tr>
<td background="images/bgnews.jpg">&nbsp;</td>
</tr>
<tr>
<td background="images/bgnews.jpg">&nbsp;</td>
</tr>
<tr>
<td background="images/bgnews.jpg">&nbsp;</td>
</tr>
<tr>
<td background="images/bgnews.jpg">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</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">&nbsp;</td>
</tr>
<tr>
<td background="images1/bgmid.jpg">&nbsp;</td>
</tr>
<tr>
<td background="images1/bgmid.jpg">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>
</td>
<td width="214">
<table width="79%" border="0" cellspacing="0" cellpadding="0" bgcolor="#000000">
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
  #2 (permalink)  
Antiguo 08/02/2005, 04:31
Avatar de Durgeoble  
Fecha de Ingreso: marzo-2003
Mensajes: 462
Antigüedad: 14 años, 8 meses
Puntos: 2
Curioso, es un problema muy similar al que iba a postear yo hace un momento, asi que esperare a ver respuestas
__________________
Todas mis respuestas funcionaran correctamente en aquellos navegadores que respeten los estandares.
  #3 (permalink)  
Antiguo 08/02/2005, 09:40
 
Fecha de Ingreso: febrero-2005
Mensajes: 396
Antigüedad: 12 años, 10 meses
Puntos: 1
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
  #4 (permalink)  
Antiguo 08/02/2005, 10:05
 
Fecha de Ingreso: abril-2004
Mensajes: 8
Antigüedad: 13 años, 7 meses
Puntos: 0
Zerjillo no funciona, no me aconsejas tablas y entonces como?capas?
  #5 (permalink)  
Antiguo 08/02/2005, 11:18
 
Fecha de Ingreso: marzo-2004
Ubicación: Córdoba
Mensajes: 239
Antigüedad: 13 años, 9 meses
Puntos: 0
con div

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.
__________________
Un gran desarrollador de soluciones webs -
-----------------------------
  #6 (permalink)  
Antiguo 08/02/2005, 11:59
 
Fecha de Ingreso: abril-2004
Mensajes: 8
Antigüedad: 13 años, 7 meses
Puntos: 0
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.

Última edición por yooo; 08/02/2005 a las 12:01
  #7 (permalink)  
Antiguo 08/02/2005, 12:27
Avatar de Durgeoble  
Fecha de Ingreso: marzo-2003
Mensajes: 462
Antigüedad: 14 años, 8 meses
Puntos: 2
Es muy sencillo, pasate por el foro de css y echale un vistazo a las faqs y lo entenderas enseguida
__________________
Todas mis respuestas funcionaran correctamente en aquellos navegadores que respeten los estandares.
  #8 (permalink)  
Antiguo 08/02/2005, 13:19
 
Fecha de Ingreso: marzo-2004
Ubicación: Córdoba
Mensajes: 239
Antigüedad: 13 años, 9 meses
Puntos: 0
ordenadito lo quieres?!

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
__________________
Un gran desarrollador de soluciones webs -
-----------------------------
  #9 (permalink)  
Antiguo 08/02/2005, 15:16
 
Fecha de Ingreso: abril-2004
Mensajes: 8
Antigüedad: 13 años, 7 meses
Puntos: 0
muchas gracias a los dos ahora si que esta todo entendido
  #10 (permalink)  
Antiguo 10/02/2005, 05:27
 
Fecha de Ingreso: octubre-2003
Mensajes: 75
Antigüedad: 14 años, 1 mes
Puntos: 0
El problema que tenias es que no has cambiado los margenes por defecto de las tablas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:25.