Dimension tableau

[Plümpheit]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Toujours
Lien du forum : http://obscure-clarte.forumactif.org/

Description du problème

Bonjour,

je m'essaye au codage, et je ne suis pas douée. Voilà. Je voudrais faire un tableau avec plusieurs colonne, mais je souhaiterais qu'elles soient de la même dimension. Quel est le code que je doit noter après le <td> ?

[TheDirector]

Bonjour,
pourrais-tu me donner le code de ton tableau avec les dimensions que tu souhaites ?

Cordialement

[Plümpheit]

Ne m'en veux pas je m'y connais pas du tout. Je pensais faire chaque colonne ayant une largueur de 335 pixels (puisque ma (future) bannière en fait plus de 1000 et que c'est donc quasiment la largeur de la page d'accueil). Après je voulais aussi fusionner des cellules. La ligne 1, colonne 2 et 3. Si c'est possible.

Je veux bien que tu m'explique tous ça, a moi la pauvre newbie XD

Code:

<table border='1'><tr><td>ceci est la 1ere colonne<td>ceci est la 2eme colonne et peut être la 3ème aussi?<tr><td>ceci est 2eme ligne de la 1ere colonne<td>ceci est la 2eme ligne de la 2eme colonne<td>ceci est la 2eme ligne de la 3ème colonne<tr><td> test ligne 3 colonne 1 <td> test ligne 3 colonne 2<td> test ligne 3 colonne 3</td></td></tr></td></td></td></tr></td></td></tr></table>


[TheDirector]

Je te fais ça Juste, pourrais avoir un petit schéma du tableau que tu souhaite pour mieux comprendre ce que tu veux en fusionné ?

Merci

EDIT :

J'ai fini, voici ton code :

Code:

<table border="1px">
   <tr>
      <td>ceci est la 1ere colonne</td>
      <td colspan="2">ceci est la 2eme colonne et peut être la 3ème aussi?</td>
   </tr>
   <tr>
      <td>ceci est 2eme ligne de la 1ere colonne</td>
      <td>ceci est la 2eme ligne de la 2eme colonne</td>
      <td>ceci est la 2eme ligne de la 3ème colonne</td>
   </tr>
   <tr>
      <td>test ligne 3 colonne 1</td>
      <td>test ligne 3 colonne 2</td>
      <td>test ligne 3 colonne 3</td>
   </tr>
</table>

Alors ^^

Premièrement, j'en ai profité pour épurer ton code Pense à bien aérer ton code, il fait ainsi moins mal à la tête et tu pourras ainsi mieux t'y retrouver et surtout, mieux comprendre

Ensuite, règle d'or du HTML, lorsque tu ouvre une balise, tu dois la fermer IMMÉDIATEMENT dès que tu as finis !
Ce que je veux dire, c'est que toi tu nous as fais (par exemple) :

Code:

<tr><td>1<td>2</td></td></tr>

Ce qui donne en schématisant la chose :

Les balises s’emboîtent.
Ne jamais faire ça ! Ici mon code donnerait le même résultat mais dans des pages un peu plus poussée, ceci provoquerait de très grosses erreurs !!

Voici la correction :

Code:

<tr><td>1</td><td>2</td></tr>

Ce qui donne en schématisant la chose :

Ainsi les balises ne s’entrelacent pas et sont l'une à côté de l'autre

Pour ce qui est de fusionner tes cellules, il te faut mettre un colspan avec une valeur. Cette valeur détermine combien de cellules fait ta cellule, je sais pas si tu comprends ^^' En fait, si tu mets 2, ta cellule fera la valeur (prendra la place) de 2 cellules. si tu mets 3, ta cellule fera la valeur (prendra la place) de 3 cellules, etc...

Pour la largeur, chaque colonne doit faire 355px ou le tableau doit faire en soit 355px ?

[Plümpheit]

Déja, merci. Tu expliques vraiment bien. Et puis tu as fusionné ce que je voulais en plus

Si j'ai bien compris "colspan="2" revient à mettre "fusionner mes "2" lignes" ?

Pour la taille du tableau, je ne souhaite pas qu'il excède plus de 1100 pixels, soit pas plus de 355 pixels par colonne. Après je pense qu'une fois que tu m'auras montré comment faire, je pourrais sans soucis changer la dimension si elle ne me convenait plus?

Voilaaa... Je remercie déjà le 1er message, qui est une vrai perle pour moi

[TheDirector]

On peut dire ça comme ça ^^ Ça veut plutôt dire "Créé moi une cellule qui fera comme si c'était 2 cellules collée l'une à l'autre", mais ta façon de voir les choses est bonne

Voici :

Code:

<table border="1px" width="1100px">
   <tr>
      <td>ceci est la 1ere colonne</td>
      <td colspan="2">ceci est la 2eme colonne et peut être la 3ème aussi?</td>
   </tr>
   <tr>
      <td>ceci est 2eme ligne de la 1ere colonne</td>
      <td>ceci est la 2eme ligne de la 2eme colonne</td>
      <td>ceci est la 2eme ligne de la 3ème colonne</td>
   </tr>
   <tr>
      <td>test ligne 3 colonne 1</td>
      <td>test ligne 3 colonne 2</td>
      <td>test ligne 3 colonne 3</td>
   </tr>
</table>

Je met l'attribut width à mon tableau car width signifie en anglais "longueur" Je lui définie 1100px, ce qui fait que ma page va automatiquement définir la largeur/longueur de mes colonnes en parts égales pour que le tout fasse au total 1100px

As-tu d'autres questions ?

Cordialement

[Plümpheit]

Super!
Mais les colonnes ne sont pas forcément de la même longeur. Si je fais:

Code:

<table border="1px">
  <tr>
      <td> width="335px" ceci est la 1ere colonne</td>
      <td> width="335px" ceci est la 2eme colonne </td>
   <td> width="335px" et peut être la 3ème aussi?</td>
  </tr>
  <tr>
      <td>ceci est 2eme ligne de la 1ere colonne</td>
      <td>ceci est la 2eme ligne de la 2eme colonne</td>
      <td>ceci est la 2eme ligne de la 3ème colonne</td>
  </tr>
  <tr>
      <td>test ligne 3 colonne 1</td>
      <td>test ligne 3 colonne 2</td>
      <td>test ligne 3 colonne 3</td>
  </tr>
</table>

C'est juste?


Et attention nouvelle question si je veux cette fois fusionner une des lignes du haut avec une des ligne du bah? (par exemple la case 1 et 3)

Shéma:

[TheDirector]

Dans le sens où tu fais :

Code:

<table border="1px">
  <tr>
      <td width="335px">ceci est la 1ere colonne</td>
      <td width="335px">ceci est la 2eme colonne </td>
  <td width="335px">et peut être la 3ème aussi?</td>
  </tr>
  <tr>
      <td>ceci est 2eme ligne de la 1ere colonne</td>
      <td>ceci est la 2eme ligne de la 2eme colonne</td>
      <td>ceci est la 2eme ligne de la 3ème colonne</td>
  </tr>
  <tr>
      <td>test ligne 3 colonne 1</td>
      <td>test ligne 3 colonne 2</td>
      <td>test ligne 3 colonne 3</td>
  </tr>
</table>

Cela fonctionne oui mais attention à bien mettre ton width dans la balise td ! Un attribut se met toujours dans une balise

Pour faire l'autre fusion que tu demande, il suffit de remplacer colspan par rowspan :

Code:

<table border="1px">
   <tr>
      <td >ceci est la 1ere colonne</td>
      <td>ceci est la 2eme colonne et peut être la 3ème aussi?</td>
   </tr>
   <tr>
      <td width="335px"  rowspan="2">ceci est 2eme ligne de la 1ere colonne</td>
      <td width="335px">ceci est la 2eme ligne de la 2eme colonne</td>
      <td width="335px">ceci est la 2eme ligne de la 3ème colonne</td>
   </tr>
   <tr>
      <td>test ligne 3 colonne 1</td>
      <td>test ligne 3 colonne 2</td>
      <td>test ligne 3 colonne 3</td>
   </tr>
</table>

Bon la c'est dégueu car le tableau est mal constitué mais tu comprends le principe

En effet, col est le diminutif de colonne (donc colspan) et row signifie la ligne (donc rowspan)

D'autre questions ?

Cordialement

[Plümpheit]

Merci beaucoup vraiment! je pense que j'en ai fini XD
j'ai fait ca. C'est à peu près le résultat attendu. Plus qu'a le remplir!

Merci beaucoup

Code:

<table border='1'>
<tr>
<td width="335px"> 1er ligne colonne 1 </td>
<td width="335px" rowspan= 2 > 1er ligne colonne 2 </td>
<td width="335px"rowspan= 2 > 1er ligne colonne 3 </td>
</tr>
<tr>
<td > 2éme ligne colonne 1 </td>
</tr>
<tr>
<td > 3éme ligne colonne 1 </td>
<td colspan='2'> 3éme ligne colonne 2 </td>
</tr>
</table>