Page HTML style CSS

Fermé

J-streeter Messages postés 307 Date d'inscription samedi 10 mai 2008 Statut Membre Dernière intervention 30 septembre 2013 - Modifié par J-streeter le 27/10/2010 à 08:53
J-streeter Messages postés 307 Date d'inscription samedi 10 mai 2008 Statut Membre Dernière intervention 30 septembre 2013 - 27 oct. 2010 à 15:22

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:

Page HTML style CSS
Supprimer une page word - Guide
Style word - Guide
Page d'accueil iphone - Guide
Traduire une page web - Guide
Editeur html - Télécharger - HTML

10 réponses

Réponse 1 / 10

darkygame Messages postés 351 Date d'inscription lundi 22 juin 2009 Statut Contributeur Dernière intervention 3 avril 2012 149
Modifié par darkygame le 27/10/2010 à 09:09

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

Réponse 2 / 10

J-streeter Messages postés 307 Date d'inscription samedi 10 mai 2008 Statut Membre Dernière intervention 30 septembre 2013 26
27 oct. 2010 à 09:14

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)

Réponse 3 / 10

darkygame Messages postés 351 Date d'inscription lundi 22 juin 2009 Statut Contributeur Dernière intervention 3 avril 2012 149
Modifié par darkygame le 27/10/2010 à 09:18

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

Réponse 4 / 10

J-streeter Messages postés 307 Date d'inscription samedi 10 mai 2008 Statut Membre Dernière intervention 30 septembre 2013 26
27 oct. 2010 à 09:32

Ca ne fonctionne pas avec "class" =/

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

Posez votre question

Réponse 5 / 10

J-streeter Messages postés 307 Date d'inscription samedi 10 mai 2008 Statut Membre Dernière intervention 30 septembre 2013 26
27 oct. 2010 à 09:37

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.

darkygame Messages postés 351 Date d'inscription lundi 22 juin 2009 Statut Contributeur Dernière intervention 3 avril 2012 149
27 oct. 2010 à 09:45

yep yep..

J-streeter Messages postés 307 Date d'inscription samedi 10 mai 2008 Statut Membre Dernière intervention 30 septembre 2013 26
27 oct. 2010 à 09:49

Donc tu sais comment faire ?...

J-streeter Messages postés 307 Date d'inscription samedi 10 mai 2008 Statut Membre Dernière intervention 30 septembre 2013 26
27 oct. 2010 à 09:49

Il faut que j'utilise le CSS sans le modifier.

Réponse 6 / 10

J-streeter Messages postés 307 Date d'inscription samedi 10 mai 2008 Statut Membre Dernière intervention 30 septembre 2013 26
27 oct. 2010 à 11:04

Petit UP =/

Réponse 7 / 10

darkygame Messages postés 351 Date d'inscription lundi 22 juin 2009 Statut Contributeur Dernière intervention 3 avril 2012 149
27 oct. 2010 à 12:23

Si tu ne peux pas modifier le CSS, reprend mon premier code.

Réponse 8 / 10

J-streeter Messages postés 307 Date d'inscription samedi 10 mai 2008 Statut Membre Dernière intervention 30 septembre 2013 26
27 oct. 2010 à 13:03

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.

darkygame Messages postés 351 Date d'inscription lundi 22 juin 2009 Statut Contributeur Dernière intervention 3 avril 2012 149
27 oct. 2010 à 13:06

en effet, ce n'est pas du CSS directement.. Mais si ça fonctione, pourquoi chercher plus loin ?

J-streeter Messages postés 307 Date d'inscription samedi 10 mai 2008 Statut Membre Dernière intervention 30 septembre 2013 26
27 oct. 2010 à 13:13

Bah c'est un truc à faire pour le lycée, et je dois utiliser le CSS fourni, j'ai pas le choix =/

Twinpics
27 oct. 2010 à 13:24

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.
@+

J-streeter Messages postés 307 Date d'inscription samedi 10 mai 2008 Statut Membre Dernière intervention 30 septembre 2013 26
27 oct. 2010 à 13:28

Ç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...

Twinpics
27 oct. 2010 à 13:40

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

Réponse 9 / 10

J-streeter Messages postés 307 Date d'inscription samedi 10 mai 2008 Statut Membre Dernière intervention 30 septembre 2013 26
27 oct. 2010 à 14:39

Réponse 10 / 10

J-streeter Messages postés 307 Date d'inscription samedi 10 mai 2008 Statut Membre Dernière intervention 30 septembre 2013 26
27 oct. 2010 à 15:22

Bon, vraiment personne capable de me dire ?...

Discussions similaires

[PIX] Commencer chaque poème sur une nouvelle page

Espace en HTML

Discussions similaires

Newsletters