Rechercher : dans
Par :

Centrer mon formulaire html avec css

Dernière réponse le 4 déc 2008 à 05:21:14 stefanelle, le 4 déc 2008 à 00:14:00 
 Signaler ce message aux modérateurs

Bonjour,



Voila j ai creer un formulaire en html avec mise en forme css tout est nickel (couleurs, polices ...) sauf le centrage des mes blocs textes et images tout est a gauche j ai tente de mettre des valeurs avec margin, width mais rien n'y fait avez vous une idée ? voila mon fichier css pour plus dinfos merci beaucoup

#global {
position: absolute; /* on positionne le conteneur */
margin-left: auto;
margin-right: auto;
width: ...;
text-align: left;
}

p.titre {
background:#0AA6E1;
padding:.2em .3em;
font-size:1.2em;
border:2px outset #DED983;
position:relative;
margin-bottom:-1em;
width:10em;
margin-left:1em;
margin-top:1em;
}

fieldset {
border:none;
margin-bottom:1em;
width:24em;
padding-top:1.5em;
}

select {
margin-left:9em;
margin-bottom:0;
}

/* fieldset coordonnees */
fieldset#coordonnees {
background:#0AA6E1;
border:outset #0AA6E1;
}

#coordonnees label {

position:absolute;
font-size:90%;
padding-top:.2em;
left:20px;
}

#coordonnees input {
margin-left:9em;
line-height:1.4em;
margin-bottom:.2em;
}

/* fieldset message */
fieldset#message {
background:#0AA6E1;
border:outset #0AA6E1;
}

#civilite {
font-size:90%;
}

#civilite input {
margin-left:9em;
}

/* zone de texte du message */
textarea {
font:.8em "Trebuchet MS", Verdana, sans-serif;
width:29em;
padding:.2em;
}

/* les boutons submit et reset */
input[type="submit"], input[type="reset"] {
background:#0AA6E1;
font:1.2em "Trebuchet MS", Verdana, sans-serif;
color:#345071;
}

p#buttons {
text-align:center;
}

Configuration: Windows Vista
Firefox 2.0.0.18

Meilleures réponses pour « centrer mon formulaire html avec css » dans :
Enlever le soulignement sous les liens en HTML/CSS VoirPar défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none : Grâce au CSS Grâce au CSS via...
Javascript - Centrer verticalement une page web VoirPour centrer verticalement une page web, impossible de s'en sortir en css. Une solution bien pratique : JavaScript. 1. Le fichier .js 2. La page .html 3. Utilisation 4. Inconvénients 5. Rappel Merci à Dalida pour la source du...
PHP - Récupération de données VoirPHP rend très simple la récupération de données envoyées par l'intermédiaire de formulaires HTML. Création d'un formulaire Grâce à la balise FORM du langage HTML, il est très simple de créer des formulaires comprenant : des champs de saisie des...
Les formulaires HTML VoirIntérêt d'un formulaire Les formulaires interactifs permettent aux auteurs de pages Web de doter leur page web d'éléments interactifs permettant par exemple un dialogue avec les internaute, à la manière des coupons-réponse présents dans certains...
Servlets - Gestion des formulaires VoirIntroduction aux formulaires Les servlets rendent très simple la récupération de données envoyées par l'intermédiaire de formulaires HTML, c'est-à-dire une interface graphique permettant à l'utilisateur de saisir des données. Grâce à la balise...

1

 arthezius, le 4 déc 2008 à 05:21:14
  • +2

Si tu centre avec margin, enlève le position:absolute;

Met plutôt:

#global {
margin: 10px auto 0px auto;
width: 900;
text-align: left;
} 

C'est un exemple.
Le margin que j'ai mis est décomposé de la manière suivant:
margin: haut droit bas gauche;

La même chose avec un position:absolute;
#global {
position:absolute;
margin-left: -450px;
width: 900;
top:10px;
left:50%;
text-align: left;
} 


Tu devrai avoir le même résultat dans les deux cas. Webmaster indépendant.

Répondre à arthezius
Collection CommentÇaMarche.net