Centrer mon formulaire html avec css

Fermé
stefanelle - 4 déc. 2008 à 00:14
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 - 4 déc. 2008 à 05:21
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;
}

1 réponse

Réponse 1 / 1
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
4 déc. 2008 à 05:21
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.
3

Discussions similaires

[CSS] Forcé retour à la ligne
aKuma59 -
zigoss -

Bonsoir,

Savez vous comment faire pour forcé le retour à la ligne d'un texte dans un div, car j'ai un div de taille max-width de 510px mais si j'entre un mot super grand, celui çi va débordé du div mais je voudrais forcé un retour à la ligne dans ce cas, est ce faisable en CSS ou faut-il passer par un script ?


D'avance merci :)

33 réponses
CSS/Comment enlever couleur liens ?
alexou1984 -
Tonio -

Bonjour,

Je ne parvients pas à faire en sorte que les liens de mon site ne soient pas coloriés en violet ou en bleu. J'ai pourtant bien spécifié le code suivant :

a {text-decoration:none}

Je ne comprends pas. Merci d'avance.

6 réponses
[CSS] menu déroulant vertical
okuni -
young_keating -

Bonjour,

J'ai récupérer ce tuto pour faire un menu déroulant en CSS
http://www.tuto-fr.com/tutoriaux/tutorial-menu-deroulant-css.php

Le seul problème c'est que les sous-menus s'ouvre sur la droite.
J'aimerais qu'ils s'ouvrent sur le bas mais pas en dessous de tout le menu, juste en dessous du titre du menu
exemple :
Menu 1 Menu 2 sous-menu 1 sous-menu 2 Menu 3
Et non pas comme dans le tuto
Menu 1 Menu 2 sous-menu 1 sous-menu 2 Menu 3

Merci de votre aide.
--
L'amour, c'est comme les spaghettis; quand c'est mou, c'est cuit. (proverbe belge)

11 réponses
Convertir HTML+CSS en PDF
Sandriine -
Sandriine -

Bonjour,

Je cherche à convertir des pages HTML en PDF.
Je pensais que mon imprimante PDF ferais l'affaire mais elle ne prend pas en compte la feuille de style qui fait sa mise en page.
Est-ce qu'il existe un moyen de convertir une page HTML avec CSS, en PDF?

Merci

Cordialement,
Sandrine

6 réponses
CSS: Hover d'un div
Chabanus -
YoussefBehi -

Bonsoir,
J'arrive a faire l'hover d'une balise mais je ne sais pas pour un div, j'ai essayé avec *:hover div mais cela ne fonctionne pas.
Vous avez la solution svp ? merci


--
Il faut faire partie de la solution et non du problème ;-)

8 réponses
CSS/Ajustement auto d'un site à taille écran
alexou1984 -
aloe -

Bonjour,

J'aimerais savoir comment ajuster automatiquement la taille de mon site à la résolution de l'écran du visiteur !? Je crois qu'il faut donner un valeur à "body" mais sans certitude. Et faut-il mieux que je fasse un site avec une grosse résolution de base pour qu'il soit réajuster sur des écrans plus petits sans perte de qualité !? Moi je suis en 1280 par 1024 par exemple. Merci d'avance.

PS : Je bosse en CSS avec quelques touches de HTML et de JS par-ci par-là.

9 réponses