Bonsoir à tous,
 
J'éssaye de faire un truc tout simple à partir ce ce formulaire :

J'aimerais simplement aligner le label, l'input text et l'input submit en haut à droite de mon écran.
J'ai bien réussi en jouant avec  margin, mais c'était vraiment caca et sous ie c'était horrible. Sinon j'ai bien éssayé les float, display inline mais au final rien de concluant...(c'est pour ça que je ne vous montre aucun CSS...)
Une idée, un exemple propre, élégant ?  
 
Bonne soirée
Merci

Il n'est pas utile d'entourer tes lables et inputs dans un paragraphe. Sémantiquement ... je vois pas trop l'interet. Enfin a la limite tu es seul juge sur ce point.
 
Pour aligner label et input, une fois les p enlevés, tu n'auras plus de probleme vu ke se sont des elements inline.

Merci
 
Il serait préférable que j'aille me coucher vue que ma productivité est nulle voir négative... Dommage, j'aimerais bien suivre le fabuleux topic de aipsy0783

on te l'enregistre si tu veux

si tu veux conserver les p une solution possibles :

 
Alors les selecteurs sont pas valides pour IE, donc a remplacer par id et classe comme tu le souhaites. en fait les selecteurs c'est juste 'entre nous' pour savoir de kel element on parle.
 
Edit : conseil qui vaut ce qu'il vaut. Toujours utiliser des marges et un padding fixés a une valeur par défaut, que l'on maitrise, a l'ensemble des éléments d'un document.
c'est le but du *.
De cette maniere quelque soit le navigateur, tu partiras sur des marges et padding par défaut connus et maitrisés.

afbilou >> puisqu'on en parle...
 
On voit souvent dans un formulaire, soit des <p> soit des <br/> pour marquer les différents groupes de <label><input>
 
Me suis aussi toujours demandé ce que sémantique est le mieux...
 
Aucun des 2 je suppose...
 
Et ensuite si on veux joué sur les espacements entre les lignes, modifié le style des 2...etc
 
J'aimerais etre fixé, sémantiquement

En essayant ceci, j'ai le résultat attendu :

Cependant, cela déplaie beaucoup à ce formulaire : http://www.avelif.info/fr/iffendic [...] tacts.html

la meilleure technique pour alligner ses textes et donc coder en css, et d'utiliser quoi exactement pour que se soit compatible avec tout (entre autre, firefox, Ie, 1024x768, 800x600).
Parceque, quand j'utilise  par exemple,  
 
#centre {
   position: absolute;
   left: 50%;
   width: 425px;
   height: 200px;
   margin-top: 130px;
   margin-left: -210px;
}
 
...sous Ie et firefox, celà ne rend pas pareil. Sous firefox, celà fonctionne parfaitement bien alors que dous Ie,il y à un décalage, donc faut-il utiliser quelque chose en particulier ?? (peut-être il vaut mieux utiliser le "%" au lieu de "px"...?).
Merci de m'éclairer un petit peu

Merci pour ces infos....
 
Une idée ?
 
EDIT :  
#rechercher label,input {display:inline; float:left;}
 
ça marche mais pourquoi....