Forum d'entraide PHPFrance

Bonjour,

Je suis en train de faire un site qui va comporter plusieurs tableaux différents donc je voudrais partir du bon pied ...
Avec un seul tableau, le code HTML très basique serait :

<table><tr><td>...</td></tr></table>

avec un CSS :

table{width:800px;}

Comme je vais avoir des tableaux de largeurs différentes, comment puis-je faire ?
Merci d'avance.

Bonjour,

Met chaque tableau avec une class ou un id différent suivant la taille voulue

Bonjour @rthur,

Merci pour votre proposition que j'ai appliquée. Le nouvel HTML est donc :

<!doctype html >
<html>
  <head>
    <meta charset = 'utf-8' />
    <link rel='stylesheet' href='feuille.css'>
  </head>
  <body>
    <div id="container">
      <header>
      </header>

      <main>
        <p>Un tableau de 800px de large avec 2 lignes et 2 colonnes au contenu centr&eacute;</p>
        <BR><div tableau800>
          <table>
            <tr>
              <td>Je</td>
              <td>voudrais</td>
            </tr>
            <tr>
              <td>bien centrer tout son contenu et etre tout a fait certain que sa largeur soit bel et bien de 800 px de</td>
              <td>largeur</td>
            </tr>
          </table>
        </div>

<BR>
        <p>Un tableau de 400px de large avec 3 lignes et 2 colonnes</p>
        <div tableau400>
          <table>
            <tr>
              <td>centr&eacute;</td>
              <td>centr&eacute;</td>
            </tr>
            <tr>
              <td>alignement droite</td>
              <td>alignement gauche</td>
            </tr>
            <tr>
              <td>alignement droite</td>
              <td>alignement gauche</td>
            </tr>
          </table>
        </div>


      </main>
    </div>
  </body>
</html>

Tandis que le CSS serait :

#container
   {
      max-width: 1000px;
      margin:0 auto;

   }

main
   {
     clear:both;
     display:flex;
     width:100%;
   }

table
   {
      border-collapse: collapse; /* Les bordures du tableau sont collées */
   }

.tableau400
   {
      width:400px;
   }

.tableau800
   {
      width:800px;
   }

Je précise que je suis loin de maîtriser le CSS et que je me suis aidé de ce que j'ai trouvé et cru comprendre ...
J'ai les problèmes suivants:

Tout s'affiche sur une ligne (les sauts à la ligne semblent inopérants).
Les alignements

dans les tableaux ne sont pas faits.
Pourriez-vous m'aiguiller ?

Va falloir revoir les bases du CSS, et de comment on indique des classes dans le HTML :
https://www.w3.org/Style/Examples/011/firstcss.fr.html
http://css.mammouthland.net/premiers-pas-en-css.php

Merci de nouveau de votre intervention mais j'ai déjà lu de telles pages et besoin que l'on mette le doigt + précisément où se trouve(nt) mon (mes) problème(s).
Pourriez-vous être + spécifique et me donner davantage de détails ?

Elles ont peut être été lues mais certainement pas comprises donc il faut les relire et refaire les exemples pour acquérir ces notions de base.

Par ailleurs "comment on indique des classes dans le HTML" me semble indiquer très précisément où se situe la plus grosse partie des problèmes que tu rencontres.

Il me semble que ça revient à dire que j'ai une erreur et qu'il faut que je la trouve .... Ca, je le sait !

Je te donne 2 liens qui contiennent les infos utiles à ta demande et je t'indique de façon précise où est ton erreur, c'est complètement différent de juste dire "il y a une erreur"...

Le but d'un forum d'entraide n'est pas de faire le boulot à ta place, mais de t'aider à ce que tu puisses le faire toi même et que tu puisses comprendre et progresser.
Si tu attends une réponse clé-en-main, jamais tu ne sauras le faire toi-même.

A toi de faire un minimum d'effort.

Bonjour @rthur,

Si je dis ça, c'est bien que j'ai cherché :
Quand je fais une recherche de l'occurrence "comment on indique des classes dans le HTML" dans l'une et dans l'autre des 2 pages, aucun résultat n'est trouvé ....

Bonjour,

Ma syntaxe <div tableau> est inexacte, il fallait que j'écrive <div class="tableau">.
Merci quand même.

Si je dis ça, c'est bien que j'ai cherché :
Quand je fais une recherche de l'occurrence "comment on indique des classes dans le HTML" dans l'une et dans l'autre des 2 pages, aucun résultat n'est trouvé ....

Sérieusement ?

Si tu cherches classe ou class tu tombes directement sur la solution dans les 2 pages que je t'ai donné !

Enfin bon l'essentiel c'est que maintenant tu saches faire et tu t'en souviendras la prochaine fois

Bonjour, tintin88.

Perso, j'aime pas voir le fichier css bourré de class inutiles comme
table800.
<table width="800">
</table>
...
<table width="400">
</table>
..

C'est plus écologique et bon pour l'entretien de
votre fichier css ?
Bonne chance.

Forum d'entraide PHPFrance

[RESOLU] Tableaux et CSS

Tableaux et CSS

Re: Tableaux et CSS

Re: Tableaux et CSS

Re: Tableaux et CSS

Re: Tableaux et CSS

Re: Tableaux et CSS

Re: Tableaux et CSS

Re: Tableaux et CSS

Re: Tableaux et CSS

Re: Tableaux et CSS

Re: Tableaux et CSS

Re: [RESOLU] Tableaux et CSS