Foros del Web » Creando para Internet » HTML »

como resuelvo este problema de tablas????

Estas en el tema de como resuelvo este problema de tablas???? en el foro de HTML en Foros del Web. Bueno a ver si me puedo explicar bien, estoy disenando el cuerpo de una tabla en donde la idea es colocar esto en la primera ...
  #1 (permalink)  
Antiguo 01/06/2004, 02:07
 
Fecha de Ingreso: junio-2003
Ubicación: Boston USA
Mensajes: 226
Antigüedad: 14 años, 6 meses
Puntos: 0
como resuelvo este problema de tablas????

Bueno a ver si me puedo explicar bien, estoy disenando el cuerpo de una tabla en donde la idea es colocar esto

en la primera fila del lado derecho una foto y del izquierdo parrafos
en la siguiente fila colocar a la inversa primero el parrafo y despues la foto y asi susecivamente ir intercalando una foto del lado derecho y otra en el izquierdo el problema es que al editar el codigo fuente con sus respectivos alineaciones lo que hace es dividirme cada fila en partes iguales es decir donde debe ir la foto ocupa el 50% de la fila y el otro 50% donde va el parrafo, siendo que yo a ambos lados le doy valores fijos distintos por ejemplo donde va la foto le fijo un valor unico de 141 y donde debe ir el parrafo de 327 en la siguiente fila a lo inverso primero fijo el valor unico del parrafo en 327 y luego donde va la foto en 141, es posible hacer esto usando tablas en HTML???

aqui les dejo el codigo hatml

Código HTML:
<table border="1" cellpadding="0" cellspacing="3" width="468" height="532">
<tr>
    <td  height=8 colspan=2 ><p style="margin-left: 5; margin-right: 0;         
     margin-top: 0"><font face="tahoma" size="1">fecha</font>
    </td>
</tr>

<tr>
  <td width=141 height=50><p style="margin-left: 2; margin-right: 2;          
  margin-top: 0"><font face="tahoma" size="1"> foto </font></td>
  <td width=327 height=50><font face="tahoma" size="1"> carreta 1             
  </font>
  </td>
</tr>
<tr>
  <td  height=8 colspan=2 ><p style="margin-left: 5; margin-right: 0;         
  margin-top: 0"><font face="tahoma" size="1">fecha</font>
  </td>
</tr>
<tr>
  <td width=327 height=50><font face="tahoma" size="1"> carreta 2 
  </font>
  </td>
  <td width=141 height=50><p style="margin-left: 2; margin-right: 2;          
  margin-top: 0"><font face="tahoma" size="1"> foto 2                                 
  </font>
  </td>
</tr>
<tr>
 <td  height=10 colspan=2 ><font face="tahoma" size="1">pie pagina 
 </font>
 </td>
</tr>                 
</Table> 
Bye
__________________
Pandobox

Última edición por pandobox; 01/06/2004 a las 02:12 Razón: aun no
  #2 (permalink)  
Antiguo 01/06/2004, 02:42
Avatar de pereztroff  
Fecha de Ingreso: junio-2002
Ubicación: En la Internet.
Mensajes: 4.068
Antigüedad: 15 años, 6 meses
Puntos: 5
si lo que quieres es que ocupe 50% deberias poner en el td width=50%
  #3 (permalink)  
Antiguo 01/06/2004, 02:46
 
Fecha de Ingreso: junio-2003
Ubicación: Boston USA
Mensajes: 226
Antigüedad: 14 años, 6 meses
Puntos: 0
gracias por la respuesta pero no es ......

Gracias amigo por responder pero no es lo que quiero, supongo que me explique bien en el post, y cuando hable de 50% y 50% solo use ese termino para dar una idea de lo que me pasa, pero en realida como lo dije en el post los valores en la tabla los trabajo con valores "fijos"


Gracias de nuevo
__________________
Pandobox
  #4 (permalink)  
Antiguo 01/06/2004, 03:10
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
Hola

Bueno en realidad hay varias maneras de hacer lo que quieres, pero esta es bastante flexible y te servidrá, especialmente si no quieres cambiar los valores fijos por porcentuales.

Código:
<table style="width: 100px; border: 1px solid #000000; padding: 0px; margin: 0px">
     <tr>
          <td colspan="3" style="width: 75px;">&nbsp;</td>
          <td style="width: 25px;">&nbsp;</td>
     </tr>
     <tr>
          <td style="width: 25px;">&nbsp;</td>
          <td colspan="3" style="width: 75px;">&nbsp;</td>
     </tr>
     <tr>
          <td colspan="3" style="width: 75px;">&nbsp;</td>
          <td style="width: 25px;">&nbsp;</td>
     </tr>
     <tr>
          <td style="width: 25px;">&nbsp;</td>
          <td colspan="3" style="width: 75px;">&nbsp;</td>
     </tr>
</table>
En ese ejemplo suponemos que la tabla mide 100 pixels de ancho y que las celdas internas son de 25 pixels cada una, obviamente puedes adaptar esas medidas a tus necesidades. La única condición que tiene ese ejemplo, es que debes respetar las proporciones, es decir:

Si lo divides en:

3 celdas --> cada una debe ser de 33%
4 celdas --> cada una debe ser de 25%
5 celdas --> cada una debe ser de 20%

y así, ya calcularás para cada caso.

Esta proporción la haas de mantener para que la tabla no se descuadre.

Y ante todo recuerda que el contenido de las celdas no debe ser más ancho que estas o la tabla se desmontará, es decir, se verá mal.

Si no puedes o no quieres mantener las proporciones, deberás hacer una tabla para cada fila, es decir, que si adaptamos el ejemplo de arriba, tendrías cuatro tablas cada una de 100 pixels de ancho y con las divisiones que quieras dentro.

Suerte

Felicidad
__________________
¡ hey, hou, hou, hey !
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 05:15.