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


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 06:12.