Foros del Web » Creando para Internet » HTML »

Consulta como unir celdas de una tabla rowspan

Estas en el tema de Consulta como unir celdas de una tabla rowspan en el foro de HTML en Foros del Web. Hola, quiero unir en una sola las celdas que estan marcadas con una "x" (c2, d2 y e2) se que se usa el comando rowspan ...
  #1 (permalink)  
Antiguo 09/03/2012, 12:47
 
Fecha de Ingreso: marzo-2012
Mensajes: 20
Antigüedad: 12 años, 1 mes
Puntos: 0
Pregunta Consulta como unir celdas de una tabla rowspan

Hola, quiero unir en una sola las celdas que estan marcadas con una "x" (c2, d2 y e2) se que se usa el comando rowspan pero no se como se usa. Hice un par de intentos pero solo logre descompaginar la pagina los ejemplos que encontre no me sirvieron. Gracias

1 2 3
a |___|___|___|
b |___|___|___|
c |___|_x_|___|
d |___|_x_|___|
e |___|_x_|___|
  #2 (permalink)  
Antiguo 09/03/2012, 13:21
 
Fecha de Ingreso: marzo-2012
Mensajes: 3
Antigüedad: 12 años, 1 mes
Puntos: 1
Respuesta: Consulta como unir celdas de una tabla rowspan

Hola segre.

Simplemente tienes que poner, en el primer x (es decir, en la celda c-2) "rowspan=3" dentro de la etiqueta td. El código html sería algo como esto:

<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td rowspan="3"></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
  #3 (permalink)  
Antiguo 09/03/2012, 16:26
 
Fecha de Ingreso: marzo-2012
Mensajes: 20
Antigüedad: 12 años, 1 mes
Puntos: 0
Respuesta: Consulta como unir celdas de una tabla rowspan

Agradesco tu detallada explicacion, pero me sucede lo mismo que en intentos anteriores.
Esta vez colorie cada celda en diferente color para ver que pasaba y me extiende la primer celda C2 hasta la ultima y desplaza las otras dos hacia la derecha.

1 2 3
a |___|___|___|
b |___|___|___|
c |___|..x...|___|
d |___|.......|_x_|_|
e |___|.......|_x_|_|
  #4 (permalink)  
Antiguo 09/03/2012, 18:00
 
Fecha de Ingreso: marzo-2012
Ubicación: San Jose
Mensajes: 1
Antigüedad: 12 años, 2 meses
Puntos: 0
Respuesta: Consulta como unir celdas de una tabla rowspan

Aca Esta el codigo correcto...

<html>
<body>
<table border = "2">
<tr>
<td>Codigo</td>
<td>Codigo</td>
<td>Codigo</td>
</tr>
<tr>
<td>Codigo</td>
<td>Codigo</td>
<td>Codigo</td>
</tr>
<tr>
<td>Codigo</td>
<td rowspan="3">Codigo</td>
<td>Codigo</td>
</tr>
<tr>
<td>Codigo</td>
<td>Codigo</td>
</tr>
<tr>
<td>Codigo</td>
<td>Codigo</td>
</tr>
</table>
</body>
</html>
  #5 (permalink)  
Antiguo 09/03/2012, 18:48
 
Fecha de Ingreso: marzo-2012
Mensajes: 20
Antigüedad: 12 años, 1 mes
Puntos: 0
Respuesta: Consulta como unir celdas de una tabla rowspan

ya descubri porque se descompaginaba la tabla. Al agregar rowspan="3" en la celda C2 no borraba las lineas de codigo que creaban las siguientes dos celdas (d2 y e2). No mire con atencion el formato de codigo que pusieron.
<html>
<body>
<table border = "2">
<tr>
<td>Codigo</td>
<td>Codigo</td>
<td>Codigo</td>
</tr>
<tr>
<td>Codigo</td>
<td>Codigo</td>
<td>Codigo</td>
</tr>
<tr>
<td>Codigo</td>
<td rowspan="3">Codigo</td>
<td>Codigo</td>
</tr>
<tr>
<td>Codigo</td>
<td>Celda d2</td>
<td>Codigo</td>
</tr>
<tr>
<td>Codigo</td>
<td>Celda e2</td>
<td>Codigo</td>
</tr>
</table>
</body>
</html>

<h1>Gracias</h1>

Etiquetas: columna, rowspan, tabla
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 18:07.