<rowspan> <colspan>

  • PluTunium
  • Professor
  • Professor
  • Avatar de l’utilisateur
  • Inscription: Juil 10, 2003
  • Messages: 812
  • Loc: Touring the USA
  • Status: Offline

Message Septembre 25th, 2003, 3:56 pm

Je vois toujours cette
Code: [ Select ]
<TD COLSPAN="1"> and also <TD ROWSPAN="1">

- Toute autre numéro où le 1 est...
Je me demandais qu'est-ce que faire? ceux COLSPAN et ROWSPAN...?
http://www.silverringthing.com
http://www.xxxchurch.com
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Septembre 25th, 2003, 3:56 pm

  • UNFLUX
  • Genius
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Déc 20, 2002
  • Messages: 6382
  • Loc: twitter.com/unflux
  • Status: Offline

Message Septembre 25th, 2003, 8:52 pm

voir si je peux expliquer - si vous avez un tableau de 3x3, et au cours de la dernière
ligne tout le chemin à travers, vous décidez de fusionner les 3 cellules en 1. maintenant
vous avez dans le tableau 1, une seule rangée cellules de moins de 2 rangées de 3 cellules.
colspan dit le nombre de colonnes dans la table de la cellule unique
va. me suivre?

dans cet exemple, si vous réglez colspan = 2, alors la dernière rangée se termine à
la 2e colonne, et de laisser un vide à la fin de la rangée. C'est ce que
la dernière rangée de "span" dans le tableau.

Ceci est utile pour le formatage de texte dans des tables, ou si la création d'une forme de funky
tableau est nécessaire dans l'épissage de l'image.

Hope this helps, im sure de plus n'est nécessaire.
UNFLUX.FOTO
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • Avatar de l’utilisateur
  • Inscription: Déc 20, 2002
  • Messages: 8921
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Message Septembre 25th, 2003, 9:12 pm

Ici, je vais suivre avec un exemple parce que les mots sont difficiles à expliquer. Voici un tableau 3 x 3 comme unflux décrites:

<table border="1" width="200" height="200"> <tr> <td bgcolor = " #882222 "> cellule 1 </ td> <td bgcolor =" #228822 "> cellule 2 </ td> <td bgcolor =" #882222 "> cellule 3 </ td> </ tr> <tr> <td bgcolor =" #228822 "> cellule 4 </ td> <td bgcolor =" #882222 "> cellule 5 </ td> <td bgcolor ="
Code: [ Select ]
<table border="1" width="200" height="200">
<tr>
<td bgcolor="#882222">cell 1</td>
<td bgcolor="#228822">cell 2</td>
<td bgcolor="#882222">cell 3</td>
</tr>
<tr>
<td bgcolor="#228822">cell 4</td>
<td bgcolor="#882222">cell 5</td>
<td bgcolor="#228822">cell 6</td>
</tr>
<tr>
<td bgcolor="#882222">cell 7</td>
<td bgcolor="#228822">cell 8</td>
<td bgcolor="#882222">cell 9</td>
</tr>
</table>
  1. <table border="1" width="200" height="200">
  2. <tr>
  3. <td bgcolor="#882222">cell 1</td>
  4. <td bgcolor="#228822">cell 2</td>
  5. <td bgcolor="#882222">cell 3</td>
  6. </tr>
  7. <tr>
  8. <td bgcolor="#228822">cell 4</td>
  9. <td bgcolor="#882222">cell 5</td>
  10. <td bgcolor="#228822">cell 6</td>
  11. </tr>
  12. <tr>
  13. <td bgcolor="#882222">cell 7</td>
  14. <td bgcolor="#228822">cell 8</td>
  15. <td bgcolor="#882222">cell 9</td>
  16. </tr>
  17. </table>




Maintenant, voici un tableau où la cellule 2 a un colspan de 2 et de la cellule 7 a un colspan de 2.

<table border="1" width="200" height="200"> <tr> <td bgcolor = " #882222 "> cellule 1 </ td> <td bgcolor =" #228822 "colspan =" 2 "> cellule 2 </ td> </ tr> <tr> <td bgcolor =" #228822 "> cellule 4 </ td>
<td bgcolor = " #882222 "> cellule 5 </ td> <td bgcolor =" #228822 "> cellule 6 </ td>
</ tr> <tr> <td bgcolor = " #882222 "colspan =" 2 "> cellule 7 </ td> <td bgcolor =" #882222 " > Pile 9 </ td> </ tr> </ table>

Code: [ Select ]
<table border="1" width="200" height="200">
<tr>
<td bgcolor="#882222">cell 1</td>
<td bgcolor="#228822" colspan="2">cell 2</td>
</tr>
<tr>
<td bgcolor="#228822">cell 4</td>
<td bgcolor="#882222">cell 5</td>
<td bgcolor="#228822">cell 6</td>
</tr>
<tr>
<td bgcolor="#882222" colspan="2">cell 7</td>
<td bgcolor="#882222">cell 9</td>
</tr>
</table>
  1. <table border="1" width="200" height="200">
  2. <tr>
  3. <td bgcolor="#882222">cell 1</td>
  4. <td bgcolor="#228822" colspan="2">cell 2</td>
  5. </tr>
  6. <tr>
  7. <td bgcolor="#228822">cell 4</td>
  8. <td bgcolor="#882222">cell 5</td>
  9. <td bgcolor="#228822">cell 6</td>
  10. </tr>
  11. <tr>
  12. <td bgcolor="#882222" colspan="2">cell 7</td>
  13. <td bgcolor="#882222">cell 9</td>
  14. </tr>
  15. </table>


Comme vous pouvez voir ce qui se passe est la cellule prend maintenant en place deux cellules de dollars de l'espace. Vous pouvez faire la même chose avec rowspan qui occupe plusieurs lignes de l'espace. Dans cette cellule, par exemple 1 a une rowspan de 2 et de la cellule 6 a un rowspan de 2:

<table border="1" width="200" height="200"> <tr> <td bgcolor = " #882222 "rowspan =" 2 "> cellule 1 </ td> <td bgcolor =" #228822 "> cellule 2 </ td> <td bgcolor =" #882222 "> cellule 3 </ td> </ tr>
<tr> <td bgcolor = " #882222 "> cellule 5 </ td> <td bgcolor =" #228822 "rowspan =" 2 "> cellule 6 </ td> </ tr> <tr> <td bgcolor ="
Code: [ Select ]
<table border="1" width="200" height="200">
<tr>
<td bgcolor="#882222" rowspan="2">cell 1</td>
<td bgcolor="#228822">cell 2</td>
<td bgcolor="#882222">cell 3</td>
</tr>
<tr>
<td bgcolor="#882222">cell 5</td>
<td bgcolor="#228822" rowspan="2">cell 6</td>
</tr>
<tr>
<td bgcolor="#882222">cell 7</td>
<td bgcolor="#228822">cell 8</td>
</tr>
</table>
  1. <table border="1" width="200" height="200">
  2. <tr>
  3. <td bgcolor="#882222" rowspan="2">cell 1</td>
  4. <td bgcolor="#228822">cell 2</td>
  5. <td bgcolor="#882222">cell 3</td>
  6. </tr>
  7. <tr>
  8. <td bgcolor="#882222">cell 5</td>
  9. <td bgcolor="#228822" rowspan="2">cell 6</td>
  10. </tr>
  11. <tr>
  12. <td bgcolor="#882222">cell 7</td>
  13. <td bgcolor="#228822">cell 8</td>
  14. </tr>
  15. </table>
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • b_heyer
  • Web Master
  • Web Master
  • Avatar de l’utilisateur
  • Inscription: Juin 15, 2003
  • Messages: 4583
  • Loc: Maryland
  • Status: Offline

Message Septembre 26th, 2003, 1:05 pm

Purdy oooh! :-D Très bonne explination!
Pixel Acres V2
  • PluTunium
  • Professor
  • Professor
  • Avatar de l’utilisateur
  • Inscription: Juil 10, 2003
  • Messages: 812
  • Loc: Touring the USA
  • Status: Offline

Message Septembre 26th, 2003, 3:51 pm

Merci UNFLUX pour me dire de quoi il s'agit. BWM et merci de me donner un exemple! I wouldnt ont compris avec Visual ces exemples! Merci :)
http://www.silverringthing.com
http://www.xxxchurch.com

Afficher de l'information

  • Total des messages de ce sujet: 5 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 143 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC