Autor Tema:  Ayudenme a hacer una table en html xq no me sale  (Leído 187 veces)

0 Usuarios y 1 Visitante están viendo este tema.

Panko

  • Calificación Total: (0)
  • GPT Iniciado
  • **
  • Mensajes: 37
  • Antigüedad: 1306 dias
hola chic@s
que honda, les escribo porque estoy haciendo un curso html por mi propia cuenta y no me quiere salir un ejercicio de tabla. O sea, dibuje una table y ahora la quiero pasar a html y no me sale exacto como aparece en la sgte imagen:



Este es el codigo que le puse y vean que no me sale bien:

Citar
<table border="1" width="300" height="200">

<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>

<tr>
<td colspan=2 rowspan=2>5,6,8,10</td>
<td colspan=2 rowspan=3>7,8,11,12,15,16</td>
</tr>

<tr>
<td colspan=2>13,14</td>
</tr>

<tr>
<td colspan=4 rowspan=2>17,18,19,20,21,22,23,24</td>
</tr>

</table>

En qué estoy fallando? Me pueden decir cómo es el código correcto porque ya lo intenté mucho y no me sale tal cual en la imagen. Note que las rallitas a la izquierda es para indicar cuantas filas son en total, para guiarme ya que lo hice a mano nomas.

 ??? ;D

MalCoM

  • Admin
  • Calificación Total: (+10)
  • GPT Heroe
  • *********
  • Mensajes: 8090
  • Antigüedad: 1864 dias
Re: Ayudenme a hacer una table en html xq no me sale
« Respuesta #1 : 05.06.2009 19:29 hs »
Primero que nada que te comiste las comillas de colspan y rowspan.

Para hacer la tabla como vos queres usa este codigo

<html>
<table border="1" width="300" height="200">

<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>

<tr>
<td colspan="2" >5,6,8,10</td>
<td colspan="2" rowspan="2">7,8,11,12,15,16</td>

</tr>

<tr>
<td colspan="2">13,14</td>
</tr>

<tr>
<td colspan="4" rowspan="2">17,18,19,20,21,22,23,24</td>
</tr>

</table>

</html>

Lo que cambia es la linea que esta en rojo

Esta linea <td colspan="2" >5,6,8,10</td> no necesita rowspan porque no "colapsa" ninguna fila y esta <td colspan="2" rowspan="2">7,8,11,12,15,16</td> necesita rowspan pero con valor 2 y no 3 porque "colapsa" 2 filas no mas ;)

Espero te sirva!

Saludos

PD: Muevo al foro para webmasters ;)
« Última Modificación: 05.06.2009 19:29 hs por MalCoM »

Panko

  • Calificación Total: (0)
  • GPT Iniciado
  • **
  • Mensajes: 37
  • Antigüedad: 1306 dias
Re: Ayudenme a hacer una table en html xq no me sale
« Respuesta #2 : 06.06.2009 11:43 hs »
síiii, asi queda bien :D

Gracias master!


Pero ahora hay una cosa que no se ve bien, puse el codigo tal cual de corregido como me dijiste y te fijas que las columnas que empiezan con el 3 y el 4 se ven mucho mas anchas y yo quisiera que todas las columnas fueran de la misma anchura. Cómo se resuelve eso? porque no me gusta que quede asi tan poco simetrico en lo ancho.





 

Ctrlmas

  • Calificación Total: (0)
  • GPT Experto
  • *****
  • Mensajes: 440
  • Antigüedad: 1470 dias
Re: Ayudenme a hacer una table en html xq no me sale
« Respuesta #3 : 06.06.2009 12:11 hs »
Asi quedaria y hay definis el ancho de las columnas

<td width="58">1</td>
<td width="58">2</td>
<td width="58">3</td>
<td width="58">4</td>

sl2
|||Ya que clickeas Tantos Ads Clickea el banner del foro |||

MalCoM

  • Admin
  • Calificación Total: (+10)
  • GPT Heroe
  • *********
  • Mensajes: 8090
  • Antigüedad: 1864 dias
Re: Ayudenme a hacer una table en html xq no me sale
« Respuesta #4 : 06.06.2009 12:44 hs »
Claro, o mas facil, con porcentajes

<td width="25%">1</td>
<td width="25%">2</td>
<td width="25%">3</td>
<td width="25%">4</td>

Eso ya te establece que cada columna va a ser 1/4 del ancho total de la tabla. Del modo que lo puso ctlmas tenes que ponerte a pensar "Cuantos es 300/4?" o incluso si modificas el ancho de la tabla, tendrias que reescribir los valores, en cambio si pones porcentajes, si cambias el ancho de la tabla, cambias el ancho de las columnas.

Saludos!