Comunidad de diseño web y desarrollo en internet online

Crear Tabla.

Citar            
MensajeEscrito el 17 Jun 2013 08:37 pm
Buenos dias,

Estoy intentando realizar la siguiente tabla:



Una tabla con 5 columnas y 2 filas. Necesito hacerla sin divs, solo con tablas. Lo que no entiendo es como realizar la parte donde esta el numero 1, osea en la primer columna en vez de ser dos filas seria una sola que ocupa el mismo alto de las 2 filas que vienen en la segunda columna. No se si me explico.

Alguna idea de como realizarla? Desde ya gracias.

Saludos.

Por Rakin

Claber

140 de clabLevel



 

chrome
Citar            
MensajeEscrito el 17 Jun 2013 11:12 pm
Con la propiedad rowspan="2" puedes hacer eso.


Código HTML :

<table width="600" border="1">
  <tr>
    <td rowspan="2"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
   
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

Por Gamernoob

71 de clabLevel



Genero:Masculino  

Front-end :D

chrome
Citar            
MensajeEscrito el 18 Jun 2013 05:49 am
Para combinar filas usas rowspan
Para combinar columnas usas colspan

El valor es el número de filas/columnas que deseas combinar

*Si te fijas en el ejemplo de @Gamernoob, la fila 2 tien 4 celdas, esto porque rowspan agranda la celda por 2 espacios. Por lo que 1 espacio ya está ocupado, necesitas 4 para completar las columnas de tu tabla.

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

chrome
Citar            
MensajeEscrito el 18 Jun 2013 02:38 pm
Gamernoob, muchas gracias por el ejemplo. nasho , gracias por la explicacion.

Era exactamente lo que buscaba.

Saludos.

Por Rakin

Claber

140 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.