Dimension tableau

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Dimension tableau

Message par Plümpheit Sam 1 Nov - 14:12

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> ?


Dernière édition par Plümpheit le Dim 2 Nov - 18:41, édité 1 fois
Plümpheit

Plümpheit
****

Messages : 264
Inscrit(e) le : 20/05/2014

http://oc-test-graph-code.forumactif.com/
Plümpheit a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dimension tableau

Message par TheDirector Sam 1 Nov - 17:10

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

Cordialement
TheDirector

TheDirector
*****

Masculin
Messages : 639
Inscrit(e) le : 08/05/2012

http://contrehomophobes.pro-forum.fr/
TheDirector a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dimension tableau

Message par Plümpheit Sam 1 Nov - 20:24

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>
Plümpheit

Plümpheit
****

Messages : 264
Inscrit(e) le : 20/05/2014

http://oc-test-graph-code.forumactif.com/
Plümpheit a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dimension tableau

Message par TheDirector Sam 1 Nov - 21:56

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

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 Wink 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 Wink

Ensuite, règle d'or du HTML, lorsque tu ouvre une balise, tu dois la fermer IMMÉDIATEMENT dès que tu as finis ! Smile
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 :
Dimension tableau F10
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 !! Smile

Voici la correction :
Code:
<tr><td>1</td><td>2</td></tr>
Ce qui donne en schématisant la chose :
Dimension tableau V10
Ainsi les balises ne s’entrelacent pas et sont l'une à côté de l'autre Wink

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 ?


Dernière édition par TheDirector le Dim 2 Nov - 11:47, édité 1 fois
TheDirector

TheDirector
*****

Masculin
Messages : 639
Inscrit(e) le : 08/05/2012

http://contrehomophobes.pro-forum.fr/
TheDirector a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dimension tableau

Message par Plümpheit Dim 2 Nov - 9:50

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

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 Very Happy
Plümpheit

Plümpheit
****

Messages : 264
Inscrit(e) le : 20/05/2014

http://oc-test-graph-code.forumactif.com/
Plümpheit a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dimension tableau

Message par TheDirector Dim 2 Nov - 11:55

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 Smile

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" Wink 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 Wink

As-tu d'autres questions ?

Cordialement Smile
TheDirector

TheDirector
*****

Masculin
Messages : 639
Inscrit(e) le : 08/05/2012

http://contrehomophobes.pro-forum.fr/
TheDirector a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dimension tableau

Message par Plümpheit Dim 2 Nov - 17:55

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:


Plümpheit

Plümpheit
****

Messages : 264
Inscrit(e) le : 20/05/2014

http://oc-test-graph-code.forumactif.com/
Plümpheit a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dimension tableau

Message par TheDirector Dim 2 Nov - 18:08

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 Wink

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 Wink

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

D'autre questions ? Smile

Cordialement Smile
TheDirector

TheDirector
*****

Masculin
Messages : 639
Inscrit(e) le : 08/05/2012

http://contrehomophobes.pro-forum.fr/
TheDirector a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Dimension tableau

Message par Plümpheit Dim 2 Nov - 18:41

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 Flowers2

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>
Plümpheit

Plümpheit
****

Messages : 264
Inscrit(e) le : 20/05/2014

http://oc-test-graph-code.forumactif.com/
Plümpheit a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum