Columnas en las tablas html

kierv

Muy buenas de nuevo;

Tengo una duda, y es que nose como se hace para conseguir que una tabla tenga diferentes numeros de columnas en las filas (o filas en las columnas) que yo quiera

Una imagen vale mas que mil palabras: http://img91.imageshack.us/img91/545/wewerwerwer2ix.png

Lo que esta en rojo marca lo que a mi me sale si creo una fila, al intentar mover o cambiar el tamaño de una columna, se me cambian todas a la vez y tampoco puedo quitar ninguna.

Como se hace? Gracias de antemano!


Y tambien estoy intentando averiguar como se consigue esto:
http://img144.imageshack.us/img144/8343/wereter2nj.png

Que al poner el cursor encima se te abra una columnita hacia abajo con lo que contiene.
Me urge bastante, si alguien es tan amable.... muchas gracias!!!

Maca

respecto lo primero no te entiendo.
respecto lo segundo con un script, es simple.

EnZo

1º Tienes que ir haciendo <td> en las tablas y si las filas tienen diferentes columnas tienes que ir ajustando con el atributo colspan.

<table>
<tr>
<td colspan="3">fila 1 columna 1</td>
</tr>
<tr>
<td>fila 2 columna 1</td>
<td>fila 2 columna 2</td>
<td>fila 2 columna 3</td>
</tr>
</table>


2º Un script en javascript. Google buscando menu javascript

eduardin

como te dice #3. Tienes que hacer la tabla (<tr> para cada nueva fila y <td> para las columnas dentro de esa fila). Luego, si quieres que alguna fila tenga menos columnas, tienes que usar el atributo colspan="valor", tambien puedes usar el atributo rowspan="valor" para que una columna tenga mas filas que otra etc. Si una final tiene 3 columnas y la otra solo 1, la que tiene 1 necesita un colspan="3"

kierv

Muchas gracias de verdad, pero la tabla que quiero hacer es un poco compleja, o al menos para mi lo es, y no logro hacerla.
Si alguien es tan amable y me la puede hacer, se lo estaria eternamente agradecido, ya que ya me ha entrado hasta dolor de cabeza de tanto intentarlo :S

La tabla que estoy intentado hacer es esta:
http://img195.imageshack.us/img195/8779/aedfs3un.png

Muchas gracias de antemano!

EnZo

Dreamweaver p0wa! Hacerlo eso tu mismo a codigo es una locura muy loca y requiere mucho tiempo. Con dreamweaver lo he hecho en 1 minuto que si no no lo hago xD

<table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
<tr>
<td width="29%">&nbsp;</td>
<td width="32%">&nbsp;</td>
<td colspan="3">&nbsp;</td>
</tr>
<tr>
<td rowspan="11">&nbsp;</td>
<td rowspan="11">&nbsp;</td>
<td colspan="3">&nbsp;</td>
</tr>
<tr>
<td width="12%">&nbsp;</td>
<td width="13%">&nbsp;</td>
<td width="14%">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td colspan="3">&nbsp;</td>
</tr>
<tr>
<td colspan="3">&nbsp;</td>
</tr>
<tr>
<td colspan="3">&nbsp;</td>
</tr>
<tr>
<td colspan="3">&nbsp;</td>
</tr>
</table>

kierv

Dios ENZO trae el culooooo!!!!!! xDDDDDDDDDDD muchas gracias de verdad!!!! :********

eduardin

No hay cojones de hacerlo con divs

XDDDDDDDDDDDDDDDDDD

(ya se que eso se supone que no es un layout)

SeiYa

Dejemos los divs para lo que son xD

Toda información tabulada, como su nombre indica, en tablas.

EnZo

#9 como el diseño sea un poco complejo de maquetar con DIVs no lo haces...

Usuarios habituales

  • EnZo
  • SeiYa
  • eduardin
  • kierv
  • Maca