Estructuras con <table>, cerebro roto.

Avengerz · #1 (**permalink**) 27/12/2012, 13:13

Hola, he estado trabajando en esta tarea de mi escuela, pero tengo un problema gigante el profesor nos ha dicho que realizemos una tabla similar a la de esta imagen:

Esta tabla consta de 10 columnas y 5 filas.

Listo he realizado el código todo pinta bien sin errores, hata que en la ultima fila se supone que el numero 11 solo debe medir una columna y no se en que momento se desproporciona y me sale la misma medida del 11,12,13,14. Esa es mi única duda si alguien me puede ayudar por favor.

Acepto que me digan Genius pero necesito esta tarea para no reprobar mi parcial.

El código que use es este:

Código HTML:

<html>
<head>
</head>
<body>
<table border="1" cellpading="0" cellspacing="0" bordercolor="#FFF000" height="50%" width="50%">
<tr>
<td colspan="2" rowspan="2">1</td>
<td colspan="3" >2</td>
<td colspan="5">3</td>
</tr>
<tr>
<td colspan="4">4</td>
<td colspan="4">5</td>
</tr>
<tr>
<td colspan="3">6</td>
<td colspan="4">7</td>
<td colspan="3" rowspan="3">15</td>
</tr>
<tr>
<td colspan="2">8</td>
<td colspan="3">9</td>
<td colspan="2">10</td>
</tr>
<tr>
<td>11</td>
<td colspan="2">12</td>
<td colspan="2">13</td>
<td colspan="2">14</td>
</tr>
</table>
</body>
</html>

De antemano les agradezco a los que lean mi duda.

ocesitaro · #2 (**permalink**) 28/12/2012, 12:11

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tabla</title>
<style type="text/css">
table{ border-collapse:collapse;}
table tr td{ border:solid 1px #000000; text-align:center;}
</style>
</head>
 
<body>
<table>
    <tr>
        <td colspan="2" rowspan="2">1</td>
        <td colspan="2">2</td>
        <td colspan="3">3</td>
    </tr>
    <tr>
        <td colspan="3">4</td>
        <td colspan="2">5</td>
    </tr>
    <tr>
        <td colspan="3">6</td>
        <td colspan="3">7</td>
        <td rowspan="3">15</td>
    </tr>
    <tr>
        <td colspan="2">8</td>
        <td colspan="2">9</td>
        <td colspan="2">10</td>
    </tr>
    <tr>
        <td>11</td>
        <td colspan="2">12</td>
        <td>13</td>
        <td colspan="2">14</td>
    </tr>
</table>
</body>
</html>

abimaelrc · #3 (**permalink**) 28/12/2012, 14:24

Entiendo que no es educativo dar la respuesta del problema, ya que la idea es aprender no quedarse en ignoracia y luego preguntar que le den la respuesta porque no sabe como lograr un problema. Si lo usa como referencia para aprender, muy bueno entonces, pero lo más probable es que va a copiar y pegar y vamonos que pronto preguntaré en el foro para que me den la respuesta. Entiendo que la intención es ayudar, pero no lo logras de esa forma.

dmomentor · #4 (**permalink**) 30/12/2012, 12:52

uyyyy que miedo como que vas a reprobar