Tabla



Este es el codigo:


2 Columnas


<table border="1" cellpadding="5" style="width: 100%;"><tbody>
<tr><td>C1,F1</td>
    <td>C2,F1</td>
</tr>
<tr><td>C1,F2</td>
    <td>C3,F2</td></tr>
<tr><td>C1,F3</td>
    <td>C3,F3</td></tr>
</tbody></table>




3 Columnas

<table style="width: 100%;" border="1" cellpadding="5"><tbody>
<tr><td>C1,F1</td>
    <td>C2,F1</td>
    <td>C3,F1</td></tr>
<tr><td>C1,F2</td>
    <td>C2,F2</td>
    <td>C3,F2</td></tr>
<tr><td>C1,F3</td>
    <td>C2,F3</td>
    <td>C3,F3</td></tr>
</tbody></table>


*Donde pone border entre "" hay un 1 si quieres que no sea visible ponle un 0, pero te recomiendo que primero pongas las imágenes y ya luego le pones el 0 para saber donde esta cada recuadro, al menos al poner las 3 primeras imágenes.
*Para añadir más recuadros y no tener que poner 2 tablas distintas solo tienes que copiar esto las veces que quieras:
2 Columnas:

<tr><td>C1,F3</td>
    <td>C2,F3</td>
    <td>C3,F3</td></tr>



3 columnas:
<tr><td>C1,F3</td>
    <td>C2,F3</td>
    <td>C3,F3</td></tr>

Pero ponlo antes de </tbody></table>


De cuantas columnas y filas lo quieres?  Asi te lo explico como hacerlo


PD: Espero haberme explciado bien, sino ya sabes, preguntame :)

5 comentarios :

  1. Graciiias *o*!

    Pero como puedo hacerla de solo 2 casillas :c??
    es que con tres sobrepasa mi margen >.<

    ResponderEliminar
    Respuestas
    1. Ya esta puesto para 2 columnas :)
      Es quitandole al codigo html las líneas 3, 6, 9 (no se me da bien explicarme xD)

      Eliminar
    2. Muuuuuuuuuuchas, pero muuuuuuuchas Gracias *^*!!

      Eliminar
    3. Asi me quedo *O*
      http://dramas-asiatico.blogspot.com/p/fichas.html

      Eliminar