Page HTML style CSS

J-streeter Messages postés 317 Date d'inscription   Statut Membre Dernière intervention   -  
J-streeter Messages postés 317 Date d'inscription   Statut Membre Dernière intervention   -
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
A voir également:

10 réponses

darkygame Messages postés 352 Date d'inscription   Statut Contributeur Dernière intervention   149
 
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 Messages postés 317 Date d'inscription   Statut Membre Dernière intervention   26
 
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)
0
darkygame Messages postés 352 Date d'inscription   Statut Contributeur Dernière intervention   149
 
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
0
J-streeter Messages postés 317 Date d'inscription   Statut Membre Dernière intervention   26
 
Ca ne fonctionne pas avec "class" =/
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
J-streeter Messages postés 317 Date d'inscription   Statut Membre Dernière intervention   26
 
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.
0
darkygame Messages postés 352 Date d'inscription   Statut Contributeur Dernière intervention   149
 
yep yep..
0
J-streeter Messages postés 317 Date d'inscription   Statut Membre Dernière intervention   26
 
Donc tu sais comment faire ?...
0
J-streeter Messages postés 317 Date d'inscription   Statut Membre Dernière intervention   26
 
Il faut que j'utilise le CSS sans le modifier.
0
J-streeter Messages postés 317 Date d'inscription   Statut Membre Dernière intervention   26
 
Petit UP =/
0
darkygame Messages postés 352 Date d'inscription   Statut Contributeur Dernière intervention   149
 
Si tu ne peux pas modifier le CSS, reprend mon premier code.
0
J-streeter Messages postés 317 Date d'inscription   Statut Membre Dernière intervention   26
 
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.
0
darkygame Messages postés 352 Date d'inscription   Statut Contributeur Dernière intervention   149
 
en effet, ce n'est pas du CSS directement.. Mais si ça fonctione, pourquoi chercher plus loin ?
0
J-streeter Messages postés 317 Date d'inscription   Statut Membre Dernière intervention   26
 
Bah c'est un truc à faire pour le lycée, et je dois utiliser le CSS fourni, j'ai pas le choix =/
0
Twinpics
 
Bonjour,
Un peu de lecture... https://forum.alsacreations.com/topic-4-40741-1-Probleme-IE8---margin--0-auto-.html
...et d'autres nombreux exemples sur le web en faisant une recherche avec ton moteur de recherche favori.
@+
0
J-streeter Messages postés 317 Date d'inscription   Statut Membre Dernière intervention   26
 
Ç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...
0
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...
0
J-streeter Messages postés 317 Date d'inscription   Statut Membre Dernière intervention   26
 
UP
0
J-streeter Messages postés 317 Date d'inscription   Statut Membre Dernière intervention   26
 
Bon, vraiment personne capable de me dire ?...
0