Page HTML style CSS
J-streeter
Messages postés
339
Statut
Membre
-
J-streeter Messages postés 339 Statut Membre -
J-streeter Messages postés 339 Statut Membre -
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
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
-
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 -
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)
-
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 -
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
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.
-
-
Si tu ne peux pas modifier le CSS, reprend mon premier code.
-
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.
-
-
-
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.
@+ -
-
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...
-
-
-
