2017-10-04 3 views
0

je dois faire la table comme ci-dessous:Une simple table html

enter image description here

Voici mon code, logiquement tout semble être correctement écrit, mais si vous supprimez la cellule supplémentaire, puis tout pauses . dans ce qu'il peut y avoir une erreur? Très bien je demande l'aide

<table border=1> 
 
    <tr> 
 
    <td>One</td> 
 
    <td>Two</td> 
 
    <td>Three</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Four</td> 
 
    <td>Five</td> 
 
    <td rowspan=2>Six</td> 
 
    </tr> 
 
    <tr> 
 
    <td rowspan=2>Seven</td> 
 
    <td rowspan=2>Eight</td> 
 
    <td>Extra</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Nine</td> 
 
    </tr> 
 
</table>

+1

@Liam Je pense que, par la fixation moyenne s l'image montrée .. peut-être .. – rmjoia

+0

Oui, la question peut être très facile, mais je ne peux pas comprendre ... Comment faire la même table que dans l'image? – Xom9ik

+0

@Liam J'ai compris le demandeur très bien de l'article original .. Ils ont posté leur objectif et ce qu'ils avaient tenté. Ce que je ne comprends pas, c'est pourquoi vous avez supprimé leur extrait de code qui permettait aux gens de voir rapidement ce que le demandeur avait tenté. –

Répondre

2

Ici, vous êtes - Je viens d'ajouter une deuxième ligne de texte aux cellules supérieures/fusionnées, mais (seulement) fonctionne sans que « Extra » cellulaire:

table { 
 
    border-collapse: collapse; 
 
} 
 
td { 
 
    border: 1px solid #444; 
 
}
<table> 
 
    <tr> 
 
    <td>One</td> 
 
    <td>Two</td> 
 
    <td>Three</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Four</td> 
 
    <td>Five</td> 
 
    <td rowspan=2>Six<br>X</td> 
 
    </tr> 
 
    <tr> 
 
    <td rowspan=2>Seven<br>X</td> 
 
    <td rowspan=2>Eight<br>X</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Nine</td> 
 
    </tr> 
 
</table>

+0

Merci beaucoup! Tout fonctionne – Xom9ik