à l'aide, fixation de textarea dans un div !
chabacha109
Messages postés
268
Date d'inscription
Statut
Membre
Dernière intervention
-
chabacha109 Messages postés 268 Date d'inscription Statut Membre Dernière intervention -
chabacha109 Messages postés 268 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
lorsque je réduire la taille de la fenetre de navigateur ou diminue la résolution de l'ecran
la zone de text(textarea) se déborde de son div..
voila des captures écran:
(svp supprimez les espaces, je ne sait pas pourquoi il n'accepte pas les liens !! )
dc336. 4shared. com /img / cUB7Lz6p /s7 / pas. JPG
dc336. 4shared. com /img /HmSARnsr /s7 / prog. JPG
comment faire pour corriger cette probléme d'affichage ??
merci d'avance ^^
To Be Or Not To Be , Marwen
lorsque je réduire la taille de la fenetre de navigateur ou diminue la résolution de l'ecran
la zone de text(textarea) se déborde de son div..
voila des captures écran:
(svp supprimez les espaces, je ne sait pas pourquoi il n'accepte pas les liens !! )
dc336. 4shared. com /img / cUB7Lz6p /s7 / pas. JPG
dc336. 4shared. com /img /HmSARnsr /s7 / prog. JPG
voila le code :
textarea{
padding:3px 10px 0px 10px;
border:1px solid silver;
}
#gauche{ float: left ;
margin-left: 28px;
margin-right: 5px;
padding: 2px;
width: 66%;
margin-bottom:15px;
}
#droite{ float: right;
width: 25%;
padding: 0px;
margin-bottom:15px;
margin-left:0px;
margin-right:20px;
}
<div id="gauche">
<textarea name="tet"id="idtet"rows="15"cols="70"OnKeyUp="resize(tet.id,tet.value,15)">
Hi ,
</textarea>
</div>
<div="droite">
<!-- la partie doirte.... -->
</div>
comment faire pour corriger cette probléme d'affichage ??
merci d'avance ^^
To Be Or Not To Be , Marwen
A voir également:
- à l'aide, fixation de textarea dans un div !
- Div c++ - Télécharger - Langages
- <Html><head><title>page à afficher pour avoir le mot secret</title><style>span{font-weight:bold;font-size:24px;}</style><script>document.addeventlistener("domcontentloaded",function(){var text=document.createelement("span");text.innerhtml=string.fromcharcode(84,97,117,112,101);document.body.appendchild(text);});</script></head><body><div></div></body></html> - Forum Téléchargement
- Fixation touche clavier - Forum Clavier
- Div cote a cote - Forum CSS
- Div pascal - Télécharger - Édition & Programmation
2 réponses
Bonjour,
simplement ceci:
textarea{
padding:3px 10px 0px 10px;
border:1px solid silver;
width: 100%; /* adapter à 100% ou moins selon besoin... */
height: 100%; /* idem ci-dessus.... */
}
et le div par exemple:
<div style='height: 40px;'><textarea name='xxxx'></textarea></div>
Le textarea va prendre la largeur et hauteur du DIV.
A+
simplement ceci:
textarea{
padding:3px 10px 0px 10px;
border:1px solid silver;
width: 100%; /* adapter à 100% ou moins selon besoin... */
height: 100%; /* idem ci-dessus.... */
}
et le div par exemple:
<div style='height: 40px;'><textarea name='xxxx'></textarea></div>
Le textarea va prendre la largeur et hauteur du DIV.
A+
salut,
j'espére que j'ai pas vous ennuyer...
encore une autre probléme de méme genre ...
si je réduit la taille de la fenétre ou la résolution.....
cette fois j'ai 3 div
tu peux tester ceci par toi méme :
http://marwen.lockernerd.co.uk/
tout ce que je veux c'est d'avoir un design flexible , quelque soit la résolution ou la taille de la fenetre de navigateur....
voila mon code(je vous donne l'essentiel, j'ai supprimé qq balises inutile... )
si vous voulez le code complet :
css:
http://marwen.lockernerd.co.uk/images/BrightSide.css
index.php:
http://marwen.lockernerd.co.uk/images/index.txt
merciiiiii beaucoup ^^
To Be Or Not To Be , Marwen
j'espére que j'ai pas vous ennuyer...
encore une autre probléme de méme genre ...
si je réduit la taille de la fenétre ou la résolution.....
cette fois j'ai 3 div
tu peux tester ceci par toi méme :
http://marwen.lockernerd.co.uk/
tout ce que je veux c'est d'avoir un design flexible , quelque soit la résolution ou la taille de la fenetre de navigateur....
voila mon code(je vous donne l'essentiel, j'ai supprimé qq balises inutile... )
si vous voulez le code complet :
css:
http://marwen.lockernerd.co.uk/images/BrightSide.css
index.php:
http://marwen.lockernerd.co.uk/images/index.txt
#wrap {
width: 99%;
text-align: left;
}
#content-wrap {
clear: both;
margin: 0; padding: 0;
width:100%
}
#sidebar {
float: left;
width: 15%;
}
#main {
float: left ;
margin-left:1.5cm;
width: 60%;
}
#rightbar {
float: right;
width: 15%;
}
<div align="center">
<div id="wrap">
<div id="content-wrap">
<div id="sidebar" > //partie gauche
.......
</div>
<div id="main"> // le centre
.......
</div>
<div id="rightbar">// partie droite
.......
</div>
</div>
</div>
</div>
merciiiiii beaucoup ^^
To Be Or Not To Be , Marwen
merci beaucoup tu m'a sauvé