Discussion :

[Anto03]

j'ai créé un formulaire de connexion (tout ce qu'il y a de plus simple) avec un bouton "connexion"; je centre mon div avec un fichier css.
Or tous les composants du div sont bien centrés (champs, texte, bouton) dans firefox. Mais dans internet explorer c'est le drame seul le bouton de connexion n'est pas centré.
voici comment se présente mon formulaire :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<div class="BoiteConnection">
<br />
Identifiant : 
<!--Identifiant : -->	
  <input name="identifiant" size="12" style="margin-left:21px;"/>
  <br /><br />
Mot de passe :
<!--Mot de passe :-->
<input name="motdepasse" type="password" size="12" />
<br /><br />
<input type="submit" value="connexion" />
<br />
</div>

voici ma page css :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
.BoiteConnection {
	background-color: rgb(204, 204, 255);
	text-align: center;
	border-style: solid;
	width:300px;
	border-width: 1px;
	border-color: black;
	margin-top: 16em;
	margin-left: 40em;   
}

Merci d'avance !

[JackBeauregard]

Déjà les espèces de balises genre </ br> ou les / en fin des <input> je trouve ça horrible ça sert vraiment à que dalle.

Ensuite à la place des deux </ br> complètement inutiles au dessus du submitt tu places :

<p align="center">

Ce qui donne :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<div class="BoiteConnection">
<br>
Identifiant : 
<!--Identifiant : -->	
  <input name="identifiant" size="12" style="margin-left:21px;">
  <p>
Mot de passe :
<!--Mot de passe :-->
<input name="motdepasse" type="password" size="12" >
<p align="center">
<input type="submit" value="connexion" >
<br>
</div>

Ensuite tu vires les deux <br> en haut et en bas et tu les remplaces par une propriété padding css, ce qui donne :

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
.BoiteConnection {
	background-color: rgb(204, 204, 255);
	text-align: center;
	border-style: solid;
	width:300px;
	border-width: 1px;
	border-color: black;
	margin-top: 16em;
	margin-left: 40em;   
	padding: 10px


<div class="BoiteConnection">

Identifiant : 
<!--Identifiant : -->	
  <input name="identifiant" size="12" style="margin-left:21px;">
  <p>
Mot de passe :
<!--Mot de passe :-->
<input name="motdepasse" type="password" size="12" >
<p align="center">
<input type="submit" value="connexion" >

</div>
}

Et maintenant tu me dois 9.000.000 $ . Mais de toute façon, je serais pas payé, comme d'habitude.

[Anto03]

merci beaucoup JackBeauregard... Je t'aurai bien volontier payé pour ces informations au combien capitales mais tes tarifs sont un peu exorbitant... Sinon pour les / à la fin des input c'est pour rendre le code conforme au W3C.
En tout cas on remarque très nettement le compromis droite-gauche dans ton message : sympa mais pas gratuitement quand meme.

[JackBeauregard]

Mes pages sont valides w3c même sans les /.

[Franckintosh]

Mes pages sont valides w3c même sans les /.

Cela dépend du standard que l'on applique (html ou xhtml).

Indépendamment de la validité du document, il est fortement recommandé (toujours par le w3c) d'utiliser les feuilles de style plutôt que les déclaration inline. Et il est encore plus recommandé d'abandonner les attribut (hors style) de présentation comme "align" par exemple (au hasard ).

[<romain/>]

Cela dépend du standard que l'on applique (html ou xhtml).

En fait ca dépend de la dtd (Déclaration de Type de Document) que l'on a choisit.