IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Colspan et RowSpan


Sujet :

HTML

  1. #1
    Membre éclairé Avatar de Diablo_22
    Homme Profil pro
    Étudiant
    Inscrit en
    Février 2005
    Messages
    498
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Maine et Loire (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Aéronautique - Marine - Espace - Armement

    Informations forums :
    Inscription : Février 2005
    Messages : 498
    Par défaut Colspan et RowSpan
    Bonsoir,
    qui voudrais bien m'expliquer comment on utilise le colspan et le rowspan car j'suis arrivé à ce point là

    Je voudrais faire un tableau dans ce style
    MON SUPER TABLEAU

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
     
    <table class="model2">
    	<thead>
    		<tr>
    			<th  colspan="5">
    				<b>TITRE 1</b> 
    			</th>
    		<tr>
    		<tr>
    			<th>COLONE 1</th>
    			<th>COLONE 2</th>
    			<th>COLONE 3</th>
    			<th>COLONE 4</th>
    		</tr>
    	</thead>
    		<tr>
    			<td >
    			</td>
    			<td >
    			</td>
    			<td >
    			</td>
    			<td >
    			</td>
    		</tr>
    	<thead>
    		<tr>
    			<th colspan="2">COLONE 5</th>
    			<th>COLONE 6</th>
    			<th>COLONE 7</th>
    		</tr>
    	</thead>
    		<tr>
    			<td colspan="2">
    			</td>
    			<td >
    			</td>
    			<td >
    			</td>
    		</tr>
    	<thead>
    		<tr>
    			<th>COLONE 8</th>
    			<th>COLONE 9</th>
    			<th colspan="2">COLONE 10</th>
    		</tr>
    	</thead>
    		<tr>
    			<td >
    			</td>
    			<td >
    			</td>
    			<td colspan="2">
    			</td>
    		</tr>
    		<tr>
    			<td colspan="4">
    			</td>
    		</tr>
    	</logic:equal>	
    	<thead>
    		<tr>
    			<th>COLONE 11</th>
    			<th>COLONE 12</th>
    			<th colspan="2">COLONE 13</th>
    		</tr>
    	</thead>
    		<tr>
    			<td>
    			</td>
    			<td>
    			</td>
    			<td>
    			</td>
    			<td colspan="2">
    			</td>
    		</tr>		
    </table>

  2. #2
    Membre Expert
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Par défaut liens
    C'est un assez gros sujet pour un simple post mais ...

    ...heureusement tu es sur developpez et c'est très bien documenté. ( merci cyberzoïde !)

    Et puis bien sûr si tu as faim, il y a de quoi te rassasier très largement...

  3. #3
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    <table border="1" cellspacing="0" cellpadding="0" width="70%">
       <thead>
          <tr>
             <th colspan="10"><b>TITRE 1</b></th>
          <tr>
       </thead>
     
       <tbody>
          <tr class="head">
             <td colspan="2">COLONNE 1</td>
             <td colspan="3">COLONNE 2</td>
             <td colspan="3">COLONNE 3</td>
             <td colspan="2">COLONNE 4</td>
          </tr>
          <tr>
             <td colspan="2">&nbsp;</td>
             <td colspan="3">&nbsp;</td>
             <td colspan="3">&nbsp;</td>
             <td colspan="2">&nbsp;</td>
          </tr>
     
          <tr class="head">
             <td>COLONNE 5</td>
             <td colspan="3">COLONNE 6</td>
             <td colspan="2">COLONNE 7</td>
             <td colspan="3">COLONNE 8</td>
             <td>COLONNE 9</td>
          </tr>
          <tr>
             <td></td>
             <td colspan="3">&nbsp;</td>
             <td colspan="2">&nbsp;</td>
             <td colspan="3">&nbsp;</td>
             <td></td>
          </tr>
     
          <tr class="head">
             <td colspan="3">COLONNE 10</td>
             <td colspan="4">COLONNE 11</td>
             <td colspan="3">COLONNE 12</td>
          </tr>
          <tr>
             <td colspan="3">&nbsp;</td>
             <td colspan="4">&nbsp;</td>
             <td colspan="3">&nbsp;</td>
          </tr>
     
          <tr class="head">
             <td colspan="2">COLONNE 13</td>
             <td colspan="3">COLONNE 14</td>
             <td colspan="3">COLONNE 15</td>
             <td colspan="2">COLONNE 16</td>
          </tr>
          <tr>
             <td colspan="2">&nbsp;</td>
             <td colspan="3">&nbsp;</td>
             <td colspan="3">&nbsp;</td>
             <td colspan="2">&nbsp;</td>
          </tr>
       </tbody>
    </table>

  4. #4
    Membre éclairé Avatar de Diablo_22
    Homme Profil pro
    Étudiant
    Inscrit en
    Février 2005
    Messages
    498
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Maine et Loire (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Aéronautique - Marine - Espace - Armement

    Informations forums :
    Inscription : Février 2005
    Messages : 498
    Par défaut
    Je vous remercie

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. GridView avec colspan et rowspan
    Par le_misterioso dans le forum ASP.NET
    Réponses: 4
    Dernier message: 18/10/2011, 09h33
  2. [JavaScript] emuler css colspan et rowspan
    Par SpaceFrog dans le forum Contribuez
    Réponses: 6
    Dernier message: 23/05/2010, 21h46
  3. [phpToPDF] Fin de balises, colspan et Rowspan
    Par ju0123456789 dans le forum Bibliothèques et frameworks
    Réponses: 4
    Dernier message: 09/02/2010, 15h05
  4. FlexTable probleme de colspan ou rowspan
    Par Space23 dans le forum GWT et Vaadin
    Réponses: 2
    Dernier message: 25/02/2009, 09h41
  5. Ajouter 1 ligne à un tableau avec rowspan & colspan
    Par softflower dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 22/11/2006, 22h35

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo