[HTML]centrer un formulaire (firefox 1.5.0.5)

**Ania** · 01/08/2006, 16h10

Bonjour a tous

je suis novice en HTML et donc en CSS (je ne suis d'ailleurs sûr de ma balise)

et je souhaiterais centrer mon formulaire et non son contenu

car quand j'utilise

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div align="center">
...
</div>

il n'y a que ce qui ce trouve dans mon formulaire qui est centré.

si vous avez des questions n'hésitez pas

**fallais** · 01/08/2006, 18h05

Il faut mettre les élements de ton formulaire dans un tableau dont tu centre le contenu des cellules (ou un DIV)

Donne nous ton code et on le change si tu ne maitrise pas encore bien le langage

Car "centrer un formulaire", la phrase n'est pas correcte car tu ne peux center le formulaire mais les éléments qui le compose, car un formulaire c'est juste deux balises <form></form> qui contiennent les <input>,<textarea>,... tu vois ?

**japz** · 01/08/2006, 18h07

essaies d'encadrer ton formulaire par des "center"
<center>
<form>
</form>
</center>

**masu** · 01/08/2006, 18h13

si on oubliait les attributs et elements depreciés comme align="center" ou la vielle balise center.

pour center un formulaire il suffit d'un petit css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
form {
	margin:0 auto; /*permet le centrage*/
	width:300px; /*c'est pas tres interessant de center quelque chose qui n'a pas une largeur fixe*/
	border: 1px solid red; /* une bordure juste pour visualiser que c'est centré*/
}

Rien de particulier a mettre coté HTML.

**Ania** · 02/08/2006, 09h41

tout d'abord merci pour ces premières réponses, seulement ca ne fonctionne pas voici mon code allégé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Contacts</title>
<style type="text/css">
/*** Mise en forme générale de la page ***/
body {
        margin: 1em;
        padding: 0;
        font: .8em arial, hevetica, sans-serif;
        text-align: left;
        color: black;
        background: white;
}
form {
        margin:0 auto; /*permet le centrage*/
        width:700px; /*c'est pas tres interessant de center quelque chose qui n'a pas une largeur fixe*/
        border: 1px solid red; /* une bordure juste pour visualiser que c'est centré*/
}
 
  <!--autres configurations-->
 
</style>
</head>
<body>
	 <!--Nos coordonnées -->
 
	<form name="Contact" id="inscription" action="mailto:loeiz.gardan@avenir-ouest-energie.com" method="post" enctype="text/plain">
 
	<div id="titreForm" align="center">NOUS CONTACTER</div>
	<div id="corpForm" >
		<fieldset id="coordonnees">
			<legend>Coordonnées</legend>
 
			<!--coordonnées clients-->	
 
	<br /><br />
 
	<fieldset id="coordonnees">
		<legend>Que souhaitez-vous ?</legend><br />
 
			<!-- souhaits client-->
</body>
</html>

ai-je mal placé ou mal le petit bout de code que m'a donné Masu ?

[edit...]
Souhaitez vous d'autres informations (le code complet par pièce jointe ??)

**Ania** · 02/08/2006, 09h47

Par contre j'ai tester également avec les balises center et la fonctionne impécable. je remercie donc japz.

Seulment étant novice je souhaiterais comprendre ce que tu me donnais Mazu. Si bien sur tu as peux de temps à me consacrer, sinon c'est pas grave mais dis le moi

[Edit...]
En fait j'étais aller un peu trop vite voyant mon formulaire au milieu de la page je n'ai pas fait attention au reste et le problème de cette methode est que l'ensemble du formulaire est centrer (meme les input le sont) alors que je ne veux centrer que les cadres ou blocs mais laisser ce qu'il contienne tel quel

[HTML]centrer un formulaire (firefox 1.5.0.5)

HTML

Vue hybride

Discussions similaires

Partager

Partager