Page HTML style CSS
J-streeter -  
Bonjour,

je programme une page html qui contient ce tableau :

<table class="center">

<tr>
<td>Nom :</td>
<td><input type="text" name="nom" value=""/></td>
<td> Prénom :</td>
<td><input type="text" name="prenom" value=""/></td>
</tr>
<tr>
<td>Adresse :</td>
<td colspan="3"><textarea type="text" name="adresse" rows="4" cols="42">4 lignes et 42 colonnes</textarea></td>
</tr>

</table>

Avec cette feuille de style :

table.center{margin-left:auto;margin-right:auto;}
td.right{text-align:right;}
td.center{text-align:center;}
h1.titre{text-align:center;color:Blue;}
hr.part{width:565px;}

Dans le résultat prévu le tableau devrait être au centre de la page, alors que là il reste à gauche. Je ne sais pas de quoi ça vient ?



No Pain No Gain

10 réponses

  1.  darkygame Contributeur
    Bonjour,

    ahhhhhh.. ça me rappel de souvenirs..

    Enfaite, tu dois mettre ton tableau dans un div et c'est ce div qu'il faut centrer. 

    <div align='center'> 
 <table class="center">  
  <tr>  
   <td>Nom :</td>  
   <td><input type="text" name="nom" value=""/></td>  
   <td> Prénom :</td>  
   <td><input type="text" name="prenom" value=""/></td>  
  </tr>  
  <tr>  
   <td>Adresse :</td>  
   <td colspan="3"><textarea type="text" name="adresse" rows="4" cols="42">4 lignes et 42 colonnes</textarea></td>  
  </tr>  
 </table> 
</div>


    ++

    DarkyGammmme
    ???? Mettez-le sous corticoïdes et faîtes-lui une biopsie cérébrale. ????
    Dr.House
    1. J-streeter Auteur
      Merci beaucoup pour ta réponse mais c'est en utilisant le style là ? Il ne faut pas utiliser "class" normalement ? (je débute dsl)
      1.  darkygame Contributeur
        Ah, tu peux aussi. Là je l'ai mi comme ça. Mais si tu veux tu peux ton mettre en CSS. 
        
HTML : 

<div class="center">  
 <table>   
  <tr>   
   <td>Nom :</td>   
   <td><input type="text" name="nom" value=""/></td>   
   <td> Prénom :</td>   
   <td><input type="text" name="prenom" value=""/></td>   
  </tr>   
  <tr>   
   <td>Adresse :</td>   
   <td colspan="3"><textarea type="text" name="adresse" rows="4"        cols="42">4 lignes et 42 colonnes</textarea></td>   
  </tr>   
 </table>  
</div> 



CSS : 

div.center{margin-left:auto;margin-right:auto;}  
td.right{text-align:right;}  
td.center{text-align:center;}  
h1.titre{text-align:center;color:Blue;}  
hr.part{width:565px;}


        DarkyGammmme
        ???? Mettez-le sous corticoïdes et faîtes-lui une biopsie cérébrale. ????
        Dr.House
        3. J-streeter Auteur
          Ah si, au temps pour moi tu as modifié le CSS en mettant "div" à la place de "table" mais le problème c'est que moi j'ai le CSS fourni dans le sujet, je ne dois pas le modifier.
          1.  darkygame Contributeur
            yep yep..
          2. J-streeter Auteur
            Donc tu sais comment faire ?...
          3. J-streeter Auteur
            Il faut que j'utilise le CSS sans le modifier.
        5. darkygame Contributeur
          Si tu ne peux pas modifier le CSS, reprend mon premier code.
          1. J-streeter Auteur
            Oui, d'accord ça fonctionne, mais ça n'utilise pas le CSS, si ? Parce que si je mets juste <table> avec <div align> ça fonctionne mais le CSS n'est nulle part.
            1.  darkygame Contributeur
              en effet, ce n'est pas du CSS directement.. Mais si ça fonctione, pourquoi chercher plus loin ?
            2. J-streeter Auteur
              Bah c'est un truc à faire pour le lycée, et je dois utiliser le CSS fourni, j'ai pas le choix =/
            4. J-streeter Auteur
              Ça ne m'avance pas on va dire... Je voudrais simplement qu'on m'explique comment utiliser la feuille de style CSS que j'ai dans mon cas...
            5. Twinpics
              Dans le résultat prévu le tableau devrait être au centre de la page, alors que là il reste à gauche. Je ne sais pas de quoi ça vient ?
              ------------------------------------------------------------------------------------------------------------------------------------
              Ta question de départ n'est pas de savoir comment utilisé ta CSS mais pourquoi la propriété margin auto ne centre pas ton tableau dans la page.
              Je n'ai fais que répondre à cette question.
              Maintenant, si tu dois utiliser la CSS telle quelle sans avoir le droit de la modifier, alors à toi de démontrer au prof qu'un certain navigateur n'interprète pas de la même manière que les autres cette propriété CSS margin auto.
              Tu me vois désolé de ne pas pouvoir plus te dépanner sur ce sujet.
              Bonne continuation dans ton devoir...