Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 23/10/2011, 15h43   #1
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
Par défaut Texte à gauche dans un area

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 :
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 :
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?
boy30 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 23/10/2011, 15h58   #2
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.
kabkab est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 23/10/2011, 16h54   #3
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
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 :
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 :
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" />
boy30 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 23/10/2011, 21h14   #4
Modérateur
 
Avatar de NoSmoking
 
Homme
Inscription : janvier 2011
Messages : 2 944
Détails du profil
Informations personnelles :
Sexe : Homme
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 :
: <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.
NoSmoking est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 24/10/2011, 09h06   #5
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.
boy30 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 24/10/2011, 11h09   #6
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 807
Détails du profil
Informations personnelles :
Nom : Homme Didier Mouronval
Âge : 41
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Éditeur de logiciels

Informations forums :
Inscription : juin 2008
Messages : 13 807
Points : 35 789
Points : 35 789
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
__________________
Pas de question technique par MP !
Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi !
Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
Mon livre sur jQuery
Bovino est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 11h39.


 
 
 
 
Partenaires

Hébergement Web