Foros del Web » Creando para Internet » HTML »

Ayuda con tablas

Estas en el tema de Ayuda con tablas en el foro de HTML en Foros del Web. Tengo un problema con el diseño de las tablas y es que no puedo lograr que queden parejas. Este es el link de como se ...
  #1 (permalink)  
Antiguo 04/06/2010, 12:09
 
Fecha de Ingreso: diciembre-2008
Mensajes: 738
Antigüedad: 9 años
Puntos: 15
Ayuda con tablas

Tengo un problema con el diseño de las tablas y es que no puedo lograr que queden parejas.

Este es el link de como se ven:

http://www.brinteva.com/index.php?op...d=23&Itemid=50

Y este es el código de las tablas

Código:
<table border="4" cellspacing="2" cellpadding="2" width="700" >
<tbody>
<tr>
<td style="text-align: center;" width="350">Casa Inn Acapulco ****</td>
<td width="350">
<p>Plan: Sin Alimentos<em><strong> </strong></em> <em><strong> </strong></em></p>
<p>Precio por habitación por noche</p>
</td>
</tr>
</tbody>
</table>
<table width="700" border="4" cellspacing="2" cellpadding="2" style="font-size:12px;">
  <tr width="700" style="background-color:#bf256d; color:#ffffff;">
    <th scope="col">De</th>
    <th scope="col">A</th>
    <th scope="col">Sgl</th>
    <th scope="col">Dbl</th>
    <th scope="col">Tpl</th>
    <th scope="col">Cpl</th>
    <th scope="col">P.E.</th>
    <th scope="col">Mnr </th>
    <th scope="col">Jr</th>
    <th scope="col">Mnr-</th>
    <th scope="col">Mnr+</th>
    <th scope="col">Edad Jr</th>
    <th scope="col">Promoción</th>
  </tr>
  <tr>
    <td>5/Mayo/2010</td>
    <td>8/Jul/2010</td>
    <td>$746</td>
    <td>$746</td>
    <td>$0</td>
    <td>$0</td>
    <td>$0</td>
    <td>$0</td>
    <td>$0</td>
    <td>0</td>
    <td>10</td>
    <td>0</td>
    <td>Temp Baja</td>
  </tr>
  </table>
  <table width="700" border="4" cellspacing="2" cellpadding="2" style="font-size:12px;">
  <tr>
  <td width="700" style="background-color:#CCC">ESTANDAR * 3RA Y 4TA PERSONA GRATIS</td>
  </tr>
  </table>
  <table width="700" border="4" cellspacing="2" cellpadding="2" style="font-size:12px;">
    <tr style="background-color:#bf256d; color:#ffffff;">
    <th scope="col">De</th>
    <th scope="col">A</th>
    <th scope="col">Sgl</th>
    <th scope="col">Dbl</th>
    <th scope="col">Tpl</th>
    <th scope="col">Cpl</th>
    <th scope="col">P.E.</th>
    <th scope="col">Mnr </th>
    <th scope="col">Jr</th>
    <th scope="col">Mnr-</th>
    <th scope="col">Mnr+</th>
    <th scope="col">Edad Jr</th>
    <th scope="col">Promoción</th>
  </tr>
    <tr>
    <td>9/Jul/2010</td>
    <td>14/Ago/2010</td>
    <td>$1044</td>
    <td>$1044</td>
    <td>$0</td>
    <td>$0</td>
    <td>$0</td>
    <td>$0</td>
    <td>$0</td>
    <td>0</td>
    <td>10</td>
    <td>0</td>
    <td>&nbsp;</td>
  </tr>
   </table>
   <table width="700" border="4" cellspacing="2" cellpadding="2" style="font-size:12px;">
  <tr>
  <td width="700" style="background-color:#CCC">ESTANDAR * 3RA Y 4TA PERSONA GRATIS</td>
  </tr>
  </table>
    <table width="700" border="4" cellspacing="2" cellpadding="2" style="font-size:12px;">
    <tr width="700" style="background-color:#bf256d; color:#ffffff;">
    <th scope="col">De</th>
    <th scope="col">A</th>
    <th scope="col">Sgl</th>
    <th scope="col">Dbl</th>
    <th scope="col">Tpl</th>
    <th scope="col">Cpl</th>
    <th scope="col">P.E.</th>
    <th scope="col">Mnr </th>
    <th scope="col">Jr</th>
    <th scope="col">Mnr-</th>
    <th scope="col">Mnr+</th>
    <th scope="col">Edad Jr</th>
    <th scope="col">Promoción</th>
  </tr>
    <tr>
    <td>15/Ago/2010</td>
    <td>29/Oct/2010</td>
    <td>$1044</td>
    <td>$1044</td>
    <td>$0</td>
    <td>$0</td>
    <td>$0</td>
    <td>$0</td>
    <td>$0</td>
    <td>0</td>
    <td>10</td>
    <td>0</td>
    <td>Temp Baja</td>
  </tr>
   </table>
      <table width="700" border="4" cellspacing="2" cellpadding="2" style="font-size:12px;">
  <tr>
  <td width="700" style="background-color:#CCC">ESTANDAR * 3RA Y 4TA PERSONA GRATIS</td>
  </tr>
  </table>
  #2 (permalink)  
Antiguo 04/06/2010, 12:14
 
Fecha de Ingreso: abril-2010
Ubicación: Colombia
Mensajes: 229
Antigüedad: 7 años, 8 meses
Puntos: 2
Respuesta: Ayuda con tablas

Prueba asi. Lo que hice fue darle un 100% a las tablas.

Código HTML:
Ver original
  1. <table width="700" border="1">
  2.   <tr>
  3.     <td><table border="4" cellspacing="2" cellpadding="2" width="100%" >
  4. <tr>
  5. <td style="text-align: center;" width="350">Casa Inn Acapulco ****</td>
  6. <td width="350">
  7. <p>Plan: Sin Alimentos<em><strong> </strong></em> <em><strong> </strong></em></p>
  8. <p>Precio por habitación por noche</p>
  9. </td>
  10. </tr>
  11. <table width="100%" border="4" cellspacing="2" cellpadding="2" style="font-size:12px;">
  12.   <tr width="700" style="background-color:#bf256d; color:#ffffff;">
  13.     <th scope="col">De</th>
  14.     <th scope="col">A</th>
  15.     <th scope="col">Sgl</th>
  16.     <th scope="col">Dbl</th>
  17.     <th scope="col">Tpl</th>
  18.     <th scope="col">Cpl</th>
  19.     <th scope="col">P.E.</th>
  20.     <th scope="col">Mnr </th>
  21.     <th scope="col">Jr</th>
  22.     <th scope="col">Mnr-</th>
  23.     <th scope="col">Mnr+</th>
  24.     <th scope="col">Edad Jr</th>
  25.     <th scope="col">Promoción</th>
  26.   </tr>
  27.   <tr>
  28.     <td>5/Mayo/2010</td>
  29.     <td>8/Jul/2010</td>
  30.     <td>$746</td>
  31.     <td>$746</td>
  32.     <td>$0</td>
  33.     <td>$0</td>
  34.     <td>$0</td>
  35.     <td>$0</td>
  36.     <td>$0</td>
  37.     <td>0</td>
  38.     <td>10</td>
  39.     <td>0</td>
  40.     <td>Temp Baja</td>
  41.   </tr>
  42.   </table>
  43.   <table width="100%" border="4" cellspacing="2" cellpadding="2" style="font-size:12px;">
  44.   <tr>
  45.   <td width="700" style="background-color:#CCC">ESTANDAR * 3RA Y 4TA PERSONA GRATIS</td>
  46.   </tr>
  47.   </table>
  48.   <table width="100%" border="4" cellspacing="2" cellpadding="2" style="font-size:12px;">
  49.     <tr style="background-color:#bf256d; color:#ffffff;">
  50.     <th scope="col">De</th>
  51.     <th scope="col">A</th>
  52.     <th scope="col">Sgl</th>
  53.     <th scope="col">Dbl</th>
  54.     <th scope="col">Tpl</th>
  55.     <th scope="col">Cpl</th>
  56.     <th scope="col">P.E.</th>
  57.     <th scope="col">Mnr </th>
  58.     <th scope="col">Jr</th>
  59.     <th scope="col">Mnr-</th>
  60.     <th scope="col">Mnr+</th>
  61.     <th scope="col">Edad Jr</th>
  62.     <th scope="col">Promoción</th>
  63.   </tr>
  64.     <tr>
  65.     <td>9/Jul/2010</td>
  66.     <td>14/Ago/2010</td>
  67.     <td>$1044</td>
  68.     <td>$1044</td>
  69.     <td>$0</td>
  70.     <td>$0</td>
  71.     <td>$0</td>
  72.     <td>$0</td>
  73.     <td>$0</td>
  74.     <td>0</td>
  75.     <td>10</td>
  76.     <td>0</td>
  77.     <td>&nbsp;</td>
  78.   </tr>
  79.    </table>
  80.    <table width="100%" border="4" cellspacing="2" cellpadding="2" style="font-size:12px;">
  81.   <tr>
  82.   <td width="700" style="background-color:#CCC">ESTANDAR * 3RA Y 4TA PERSONA GRATIS</td>
  83.   </tr>
  84.   </table>
  85.     <table width="100%" border="4" cellspacing="2" cellpadding="2" style="font-size:12px;">
  86.     <tr width="700" style="background-color:#bf256d; color:#ffffff;">
  87.     <th scope="col">De</th>
  88.     <th scope="col">A</th>
  89.     <th scope="col">Sgl</th>
  90.     <th scope="col">Dbl</th>
  91.     <th scope="col">Tpl</th>
  92.     <th scope="col">Cpl</th>
  93.     <th scope="col">P.E.</th>
  94.     <th scope="col">Mnr </th>
  95.     <th scope="col">Jr</th>
  96.     <th scope="col">Mnr-</th>
  97.     <th scope="col">Mnr+</th>
  98.     <th scope="col">Edad Jr</th>
  99.     <th scope="col">Promoción</th>
  100.   </tr>
  101.     <tr>
  102.     <td>15/Ago/2010</td>
  103.     <td>29/Oct/2010</td>
  104.     <td>$1044</td>
  105.     <td>$1044</td>
  106.     <td>$0</td>
  107.     <td>$0</td>
  108.     <td>$0</td>
  109.     <td>$0</td>
  110.     <td>$0</td>
  111.     <td>0</td>
  112.     <td>10</td>
  113.     <td>0</td>
  114.     <td>Temp Baja</td>
  115.   </tr>
  116.    </table>
  117.       <table width="100%" border="4" cellspacing="2" cellpadding="2" style="font-size:12px;">
  118.   <tr>
  119.   <td width="700" style="background-color:#CCC">ESTANDAR * 3RA Y 4TA PERSONA GRATIS</td>
  120.   </tr>
  121.   </table>
  122.  
  123. </td>
  124.   </tr>
  #3 (permalink)  
Antiguo 04/06/2010, 12:19
 
Fecha de Ingreso: diciembre-2008
Mensajes: 738
Antigüedad: 9 años
Puntos: 15
Respuesta: Ayuda con tablas

Ya le probé y no me funciona, se sigue viendo igual
  #4 (permalink)  
Antiguo 04/06/2010, 13:06
 
Fecha de Ingreso: diciembre-2008
Mensajes: 738
Antigüedad: 9 años
Puntos: 15
Respuesta: Ayuda con tablas

Ya encontré el problema, era un código del css del template de Joomla que me estaba descuadrando las tablas, lo quité y listo

Etiquetas: 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 13:00.