probleme textarea

par **Aureusms** » 11 mars 2010, 20:29

tu peux le mettre aussi à la vollée (mais le mieux reste le fichier externe):

<textarea id="comment" style="width:420px;height:16px;color:#444444;font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;font-size:1em;" cols="1" rows="1"></textarea>

Quel est la taille de ta police d'écriture ? Si elle est de 10pt, tu peux mettre height:10pt;, tu auras ainsi qu'une seule ligne (du moins en théorie j'ai pas essayé)

par **maxyst** » 11 mars 2010, 20:18

tu a juste a changer la valeur 32 pour plus petit , jsuqua avoir le résultat attendu
a mettre dans ton <head>
<style>

textarea {
width:420px;
height:32px; <-- ICI 32 px va te donnée 2 rangé
color:#444444;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1em;
}

</style>

par **michmich30** » 11 mars 2010, 18:16

t'as pas un bout de code simple html et css pour textarea
qui marche sur une seule ligne et sur firefox
?
merci

par **maxyst** » 11 mars 2010, 16:12

PTI - Le text area n'est pas géré en row mais bien en pixel. Donc ta solution serais d'utiliser encore un css du genre

textarea {
width:420px;
height:32px; <-- ICI 32 px va te donnée 2 rangé
color:#444444;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1em;
}

par **michmich30** » 11 mars 2010, 14:25

bonjour
pour textarea (comment)
sous IE cela m'affiche une ligne
sous firefox m'affiche 2 lignes
comment puis je contourné ce probleme ?
merci

Code : Tout sélectionner

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
* {
margin:0px;
padding:0px;
}
 
#form {
font:12px, Georgia, "Times New Roman", Times, serif;
width: 400px;
}
input, textarea {
border: 3px double #DDDDDD;
padding: 2px;
font: 11px Geneva, Arial, Helvetica, sans-serif;
display: block;
margin: 4px 0 4px 0;
}
fieldset { padding: 12px; border: 1px solid #DDDDDD; margin-top: 6px; }
legend { color: #666666; padding: 0 12px; }
label { color: #666666; display: block; }
#name, #comment{width: 250px;}
</style>
</head>
<body>
<form action="#" method="post" id="form">
<div>
<fieldset>
<legend>Post it</legend>
<label class="required">Name:
<input type="text" id="name"/>
</label>
<label class="required">Comment text:
<textarea id="comment" cols="1" rows="1"></textarea>
</label>
</fieldset>
<input type="submit" id="submit" value="Send it!" />
</div>
</form>
</body>
</html>

probleme textarea

Répondre

Étendre la vue Revue du sujet : probleme textarea

Re: probleme textarea

Re: probleme textarea

Re: probleme textarea

Re: probleme textarea

probleme textarea