Alignement textarea et un texte

**fidbell84** · 02/05/2015, 09h58

Bonjour,

Je voudrais mettre un texte "Message" et textarea dans un seule ligne, j'arrive pas à faire son css

Code html :

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

1
2
3
4
<div id="txtarea">
	<span class="titretxt">Message</span>
	<textarea name="message" rows="4" cols="15" placeholder="Message"></textarea>
</div>

l'image pbm5 : c'est que j'ai fait
et resultat1: c'est que je dois avoir.

merci pour vos aide.

**headmax** · 02/05/2015, 16h15

Salut dans la normale les deux tag html "span" "textArea" sont par nature inline (se place l'un après l'autre sur une ligne).
Si des propriétés CSS on un impact sur ces deux éléments donc les place en block au lieu de inline, il faut lui ajouté inherit afin de désactivé ce comportement parent non souhaité.

N'ayant pas de CSS je ne peux me contenté cette explication très brève qui peux ou pas être la cause.

A tester, bonne continuation.

**NoSmoking** · 02/05/2015, 17h05

Bonjour,
je dirais plus simplement que sans aucun CSS la TEXTAREA possède un vertical-align:baseline (ou text-bottom), donc pour l'aligner en haut de son conteneur il suffit de lui affecter un vertical-align:top.

exemple simple pour test

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>TEXTAREA vertical-align</title>
<style>
p{
  background:#EFEFEF;
}
textarea{
  resize:none;
  vertical-align:top;
}
</style>
</head>
<body>
  <p>
    <label>Message</label>
    <textarea name="message" rows="4" cols="15" placeholder="Message"></textarea>
  </p>
</body>
</html>

Alignement textarea et un texte

Positionnement en CSS

Discussions similaires

Partager

Partager