Texte à gauche dans un area [Résolu]

boy30 · 23/10/2011, 15h43

Bonjour, je suis en train de faire le minichat du site du zéro et j'ai un souci de css:
Quand je clique dans la zone textarea du formulaire, le curseur se place presque au milieu de celle-ci, ce n'est que quand je fais un tab que le curseur est bien acollé à gauche, je donne le code de la page.php:

Code :

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
23
24
25
26
27
28
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
        <title>Premier Mini-chat</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    </head>
    <style type="text/css">
	@import "minichat.css";
    </style>
    <body>
 
	<div id="chat">
	    <form action="minichat_post.php" method="post">
	        <p>
	        <label for="pseudo">Pseudo</label> 
			: <input type="text" name="pseudo" id="pseudo" tabindex="10" /><br />
	        <label for="message">Message</label>
			: <textarea name="message" id="message" cols="50" rows="3" tabindex="20" />
	        </textarea>
			<br />
			<input type="submit" value="Envoyer" tabindex="30" />
			</p>
	    </form>
	</div>
code php ...
 
</body>
</html>

et celui de la css:

Code :

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
body {
	height: 768;
	width: 1024;
	background:#aaa center top no-repeat;
	font: 12px Verdana, sans-serif;	/*texte de 12 pixels */
	/*margin: auto;*/
	/*padding: 20;*/
}
 
form{
	text-align: center;
	}
 
#chat
{
	background-color: #aa00aa;
	border: 1px solid blue;
	font: 12px Verdana, sans-serif;
	color: yellow;
	text-align: left;
	cursor: default;
}

Quel est le souci?

kabkab · 23/10/2011, 15h58

Bonjour,
Ton problème est dans le CSS. Tu attribues text-align: center; à tout ton form. Il vaut mieux être un plus spécifique pour message en attribuant une classe CSS particulière.

boy30 · 23/10/2011, 16h54

J'ai toujours le même souci, je veux que le "formulaire" soit centrer mais pas le texte dans la zone textarea,=> j'ai fait çà mais le curseur se place au milieu au clique de la souris:

Code :

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
form{
	text-align: center;
	}
 
#chat
{
	background-color: #aa00aa;
	border: 1px solid blue;
	font: 12px Verdana, sans-serif;
	color: yellow;
	text-align: left;
	cursor: default;
}
.zone
{
	text-align: left;
}

et pour le formulaire:

Code :

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

1
2
3
4
5
6
7
8
: <input type="text" name="pseudo" id="pseudo" tabindex="10" /><br />
	        <span class="zone">
				<label for="message">Message</label>
				:<textarea name="message" id="message" cols="50" rows="3" tabindex="20" />
				</textarea>
			</span>
			<br />
			<input type="submit" value="Envoyer" tabindex="30" />

NoSmoking · 23/10/2011, 21h14

Bonsoir,
il te suffit de mettre

Code :

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

: <textarea name="message" id="message" cols="50" rows="3" tabindex="20" /></textarea>

sans passage à la ligne, de la sorte il n'y aura pas de contenu dans ta TEXTAREA.

boy30 · 24/10/2011, 09h06

ok, merci beaucoup, je n'y aurais jamais pensé, je saurai maintenant.
Discussion résolue mais je ne trouve le lien pour l'indiquer.

Bovino · 24/10/2011, 11h09

Citation:

Discussion résolue mais je ne trouve le lien pour l'indiquer.

Il suffit de cliquer sur le bouton

en-dessous de la discussion

23/10/2011, 21h14	#4
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 944 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 944 Points : 4 776 Points : 4 776	Bonsoir, il te suffit de mettre Code : Sélectionner tout - Visualiser dans une fenêtre à part : <textarea name="message" id="message" cols="50" rows="3" tabindex="20" /></textarea> sans passage à la ligne, de la sorte il n'y aura pas de contenu dans ta TEXTAREA.
	00

23/10/2011, 15h58	#2
kabkab Membre expérimenté Inscription : janvier 2007 Messages : 620 Détails du profil Informations forums : Inscription : janvier 2007 Messages : 620 Points : 553 Points : 553	Bonjour, Ton problème est dans le CSS. Tu attribues text-align: center; à tout ton form. Il vaut mieux être un plus spécifique pour message en attribuant une classe CSS particulière.
	00

24/10/2011, 09h06	#5
boy30 Invité de passage Inscription : octobre 2010 Messages : 24 Détails du profil Informations personnelles : Âge : 31 Localisation : France Informations forums : Inscription : octobre 2010 Messages : 24 Points : 0 Points : 0	ok, merci beaucoup, je n'y aurais jamais pensé, je saurai maintenant. Discussion résolue mais je ne trouve le lien pour l'indiquer.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email