Aide - Recherche - Membres - Calendrier
Version complète : problème pour insérer une ligne
Forum Développeur - Administration serveur, programmation et base de données > Programmation > xHTML et CSS
emy_22
bonjour à tous....

Je suis en train de faire un tableau et je suis bloqué.

En fait j'ai un tableau de trois lignes et 5 colonnes.

Ma première colonne est un rowspan sur les deux premières lignes.

J'aimerais que la troisième ligne, qui se compose de 5 colonnes, se mette en dessous de la première colonne, et pas à côté.

J'arrive pas à le faire....

je vous montre le code:
CODE

<table width="75%" border="1">
 <tr>
   <td width="50" rowspan="3"><font size="2" face="Arial, Helvetica, sans-serif">Séjour
     ou nuit<br>
     supplémentaire<br>
     débutant le</font></td>
   <td align="center" valign="middle"colspan="7" ><font size="2" face="Arial, Helvetica, sans-serif">Adulte</font></td>
 </tr>
 <tr>
   <td>chambre simple</td>
   <td>chambre double</td>
   <td>nuit supp.</td>
   <td>suppl.occ.<br>indiv./nuit</td>
 </tr>
 <tr>
 </tr>
</table>
etibe
bonjour,

Si j'ai bien compris il te suffit de créer une 4eme ligne <tr> </tr> en dessous

Ce n'est qu'a partir de cette 4eme ligne que tes cellules se placeront en dessous de ta 1ere "Colone".
En effet au vu de la mise en place de ton code

CODE
rowspan="3"


la 3eme ligne ne peut que commencer à partir de la 2eme colone.

voici donc ce qu'il aut faire

CODE
<table width="75%" border="1">
<tr>
  <td width="50" rowspan="3"><font size="2" face="Arial, Helvetica, sans-serif">Séjour
    ou nuit<br>
    supplémentaire<br>
    débutant le</font></td>
  <td align="center" valign="middle"colspan="7" ><font size="2" face="Arial, Helvetica, sans-serif">Adulte</font></td>
</tr>
<tr>
  <td>chambre simple</td>
  <td>chambre double</td>
  <td>nuit supp.</td>
  <td>suppl.occ.<br>indiv./nuit</td>
</tr>
<tr>
<td colspan="4">&nbsp;</td>
</tr>
<tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
</tr>
</table>
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'informations, la mise en page et les images, veuillez cliquer ici.
Invision Power Board © 2001-2009 Invision Power Services, Inc.