Positionnement de plusieurs balises input [Résolu]

[Jaja13]

Bonjour à tous.
J'ai un problème de positionnement de différentes balises input les unes par rapport aux autres.
Je vais essayer de m'expliquer.
Par exemple un bout de code est le suivant (partie html)

Code :

1
2
3
4
5
 
<div class="element_st">
<input id="quantite" class="quantite" type="text" value="" name="899" title="TF" size="10">
<input id="quantite" class="quantite" type="text" value="" name="994" title="TC1" size="10">
</div>

et pour le css j'ai cette partie

Code :

1
2
3
4
5
6
7
8
 
.element_st .quantite
{
     font-family: Tahoma, "Arial Black", "Times New Roman", Times, serif;
	 font-size : 60%;
	 float : right;
	 text-align : right;
}

Le problème est le suivant : je veux aligner ces balises input sur la droite ce qui est bien le cas. Cependant quand on voit l'affichage, il m'affiche d'abord l'input ayant le titre TC1 avant de celui de TF.
J'ai trouvé un peu partour qu'avec text-align c'était normal, cependant je n'arrive pas à trouver de solution à ce problème.
Sachant que le nombre de balise input à aligner peut être "illimité" par ligne.
Si quelqu'un a une idée j'avoue être preneur car je seche.
Merci d'avance pour votre aide.

[Pierre de Siorac]

Bonsoir,

Ceci devrait fonctionner :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
.element_st .quantite
{
     font-family: Tahoma, "Arial Black", "Times New Roman", Times, serif;
	 font-size : 60%;
 
}
.element_st {
	text-align:right;
}
 
 
<div class="element_st">
<input id="quantite1" class="quantite" type="text" value="" name="899" title="TF" size="10">
<input id="quantite2" class="quantite" type="text" value="" name="994" title="TC1" size="10">
</div>

text-align est appelé sur le groupe d'elements input pour l'alignement à droite. C'est la div (le conteneur) que tu veux deplacer. Tu ne peux pas deplacer les inputs à droite de l'écran dans un conteneur qui est par défaut à gauche . Pas besoin d'utiliser float à priori.
Petite remarque utilise un id unique pour chaque élément HTML, si tu dois nommer plus d'un element avec le même nom, utilise une classe (ce que tu as fais aussi)

Bye

[Jaja13]

Merci, ça m'a permis de faire un groupe div pour l'ensemble des balises et en réglant la hauteur des input d'avoir un affichage nickel.

Merci encore pour ton aide.