Discussion :

[lodan]

Bonsoir,

Petit soucis d'alignement

Voici mon code

Code :

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

1
2
3
4
5
6
7
8
9
<label for="revers_regle">Règle :</label>
<textarea cols="45" rows="5" name="regle_calcul" id="regle_calcul">A+B</textarea>
<select id="champ_calcul">
<option value="1">A</option>
<option value="2">B</option>
</select>
<img src="images/icon_help.gif" class="aide"
onMouseOver="AffBulle('blabla', event)"
onMouseOut="HideBulle()"/>

Je n'arrive pas à aligner par le haut les 4 éléments :

Le mot "règle" suivi du texarea, puis du SELECT, puis de l'image alignés par le haut.

Actuellement, j'ai le mot "règle" et le texarea alignés par le haut et le SELECT et l'image alignés en bas du textarea.

J'ai un code CSS pour le label :

Code :

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

1
2
3
4
5
6
7
8
label {	
float: left;	
width: 20%;	
text-align: right;	
margin: 0;
padding: 0 .5em 0 0;
line-height: 1.8;
}

Je n'en ai pas pour les autres.

Comment aligner les 4 informations .

Merci d'avance

[blueice]

Par défaut ils doivent être alignés, c'est qu'ils n'ont pas la place et reviennent à la ligne, dans ce cas fixe la largeur avec une div ou un fieldset.

EDIT : Je parlais d'alignement horizontal bien sûr, pour aligner vers le haut suis ce qu'a dit Bisûnûrs

[Bisûnûrs]

Mets un vertical-align:top sur ton image et ton textarea.

[lodan]

Bonjour,

Je suis scotché,.... baba, .... c'est la 1ère fois que je vois ça...

blueice me dit de suivre les recommandation de Bisûnûrs avant même que Bisûnûrs m'ait envoyé un post.

Bravo, chapeau bas.

Merci c'est parfait. ( la réponse de Bisûnûrs bien sûr)

[blueice]

MDR j'ai édité mon post gros malin
En fait chez DVP on a un kit voyance dès notre arrivée et l'on connaît d'avance les questions qui vont être posées...

[lodan]

Et le kit, il donne pas la soluce avant que la question soit posée ?????????