Salut,
j'ai ce petit formulaire

 
L'affichage est impec sous firefox mais sur IE, les 3 input ont une hauteur différente !
Pourquoi et comment harmoniser ça ?
mici

Tu leur définit une height, genre  

 
Et attention au code de ton formulaire, il faut faire comme ça :

Donc toujours un conteneur dans un <form> (div, p, etc...). Et toujours associer un label avec un contrôle. Pour l'association, note l'attribut id du input qui va être pareil que l'attribut for du label

merci de ta réponse !
c'est assez "ouf" une simple mise en page css
 
EDIT: y'a déja du mieux, les input text et password on la meme hauteur, par contre la submit est bien plus petit (firefox et IE) , reste t'il quelque chose a faire du coté de l'input submit ?
mici

j'avais jamais vu ça, "label"

Oui, c'est pas très connu. Et pourtant, c'est bien utile

Ca apporte quoi ?

Associer explicitement un libellé avec son contrôle. Sinon t'as du texte jetté comme ça, on sait pas d'où ça sort, etc... Aussi, en général pour styler et positionner tout ça, les gens mettent le libellé dans un div ou un span Donc sémantique = zéro. Autant avoir un élement justement sémantique, qui précise bien que ce bout de texte correspond au libellé de ce contrôle

Ok donc c'est plus sémantique que visuel (ça doit être pour ca que c'est méconnu, un peu comme la balise acronym que j'aime bien )

Voilà, c'est sémantique, miam
 
Après ça permet par exemple en XHTML de générer automatiquement les libellés de champs, sans bricolages. Ou justement de récupérer le libellé d'un champ à partir de la source

salut, voila ce qui semble poser pb :

 
quand j'enleve ca plus de pb, bizarre non ?

Non, c'est normal. Ca fait basculer le navigateur en mode "standard" Laisse-le, c'est mieux. Donc comme dit, si les contrôles ont pas la même hauteur, modifie-la dans le CSS

ok, c'est plus "pro"
le pb c'est que si je laisse le laisse ca merdouille
ex : http://ymerejsan.free.fr/test.html
code visible dans la source de la page
mici

Met un vertical-align: middle; dans la définition pour les input, ça aide déjà pas mal

c'est fait, c'est effectivement plus propre, mais le bouton est plus petit que les champs. Pq n'agit t'il pas comme c'est autres copaings input ?
merci de ton aide , ca fait un peu "cours perso pour un galérien"
 
http://ymerejsan.free.fr/test.html

sinon l'intéret visuel des labels, c'est aussi que si tu clique sur le texte contenu entre le <label> et </label>, ca te met direct le focus sur le champ à remplir correspondant

Comme conteneur il en existe un pour les forms. Il s'appelle "fieldset", il possede egalement un "legend" qui permet de metre un libelle sur le "fieldset".
 
Alors autant utiliser ce conteneur, car il est prevu pour ca, deplus il permet de faire un joli effet avec sa legende. Effet qui n'est pas realisable sans fieldset et legend (ou en tout cas j'ai jamais vu le faire sans, et je ne connais aucune propriete css pour le faire).

c'est noté, mais j'ai tj mon pb de taille avec l'input submit
mici

Si tu rajoutes un padding: 0px sur tes input, ça arrange un peu la chose, reste 2 pixels de différence Met un id à ton bouton, et met une hauteur spécifique