Alignement horizontal label & textarea

**Leely_** · 20/05/2013, 22h25

Bonsoir,
J'apprends depuis peu le CSS et comme le titre l'indique, je cherche à aligner horizontalement un textarea avec son label. J'ai cherché partout mais impossible de trouver la solution.

Ce que j'aimerai obtenir :

Ce que j'ai pour le moment :

Mon code html :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<!DOCTYPE html> 
 
<fieldset>
    <legend> Message </legend>
    <label for="Subject"> Subject : </label>
    <input type="text" name="Subject" id="subject" value="Message subject"><br>
    <label for="Txt" class="mess"> Message : </label><br>
    <textarea name="Txt" id="txt"></textarea>
</fieldset>

Aucune idée pour le problème du textarea après ce que j'ai pu chercher.

Merci pour votre aide !

**rodolphebrd** · 20/05/2013, 23h11

Bonjour,

Peut-on voir votre code css?

**Leely_** · 20/05/2013, 23h16

Le voilà :

Code :

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

1
2
3
4
5
6
7
label {
	display: inline-block;
	width : 83px;
	text-align : right;
	margin-left : 30px;
	margin-right : 10px;	
}

Code :

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

1
2
3
4
5
6
7
8
9
fieldset {
	border : 1px solid black;
	width : 400px;
	border-radius : 4px;
	background-color : #DDDDDD;
	padding-top : 6px;
	padding-bottom : 10px;
	margin-bottom : 10px;
}

J'ai discuté avec un ami à ce sujet et ce qui est étrange, c'est que chez lui, l'alignement est déjà présent sans qu'il n'ait rien à faire coté CSS avec le même code HTML que moi...

**rodolphebrd** · 20/05/2013, 23h31

Enlevez la deuxième balise BR...celle qui précède le textarea

**rodolphebrd** · 20/05/2013, 23h33

Ajoutez:

Code css :

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

1
2
3
textarea{
  vertical-align:middle;
}

**Leely_** · 20/05/2013, 23h33

Je viens de le remarquer aussi... Je me sens bête. Merci !

Alignement horizontal label & textarea

Positionnement en CSS

Vue hybride

Discussions similaires

Partager

Partager