Forums Développement Multimédia

Aller au contenu

comment centrer fixer et redimensionner automatiquement un formulaire et text area dans un div

redimensionner auto CODE HTML CSS

6 réponses à ce sujet

#1 gzbass

    Ceinture Jaune

  • Members
  • PipPip
  • 27 messages

Posté 07 December 2012 - 14:21 PM

Bonjour, :smile:

Voilà mon petit souci, je n'arrive pas à fixer les dimensions d'un formulaire avec text area dans un div.
J'ai essayé de le faire avec un css avec le width et height mais ça ne change rien. il est toujours possible de redimensionner le text area avec la souris. et si je réduis la fenêtre de mon navigateur jusqu'à un certain point, et bien le formulaire et le text area sorte de ma div....

voici en pièce jointe mes fichiers avec image css et html
si vous pouvez-m'aider à résoudre ce problème svp ce serait vraiment super car je bloque un peu...

Je vous remercie par avance
A bientôt :smile:

Fichier(s) joint(s)



#2 Badwolf

  • Moderateur
  • PipPipPipPipPipPipPipPip
  • 667 messages

Posté 07 December 2012 - 14:30 PM

as tu essayé la propriété CSS:

resize:none

Haoooooooooooooooooooooooooooooooooooooooooooooou !!!

#3 gzbass

    Ceinture Jaune

  • Members
  • PipPip
  • 27 messages

Posté 07 December 2012 - 14:37 PM

Bonjour Badwolf

merci, je viens d'essayer mais celà ne fonctionne pas, ma text area ne se redimensionne pas quand je réduis la fenêtre du navigateur.
la text area dépasse de la div...

J'ai essayé ceci mais c'est pareil .... :?
textarea {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}

#4 metaroid

    Ceinture Orange

  • Members
  • PipPipPip
  • 37 messages

Posté 07 December 2012 - 18:43 PM

Salut,

essayes de remplacer ça <TEXTAREA ROWS="8" COLS="30" NAME="commande"></TEXTAREA> par <textarea name="commande" class="area"></textarea>

et dans ton CSS, tu mets un truc du style .area{width:100%;height:50px;}

#5 gzbass

    Ceinture Jaune

  • Members
  • PipPip
  • 27 messages

Posté 08 December 2012 - 13:37 PM

salut

merci metaroid, je vais essayé ce code prochainement

#6 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2532 messages

Posté 08 December 2012 - 15:21 PM

Salut,

Il semble que tu cherches à obtenir 2 choses :

1 - supprimer la possibilité de redimensionner le textarea sur les navigateurs qui l'intègre par défaut.

Citation

il est toujours possible de redimensionner le text area avec la souris

2 - que le textarea se redimensionne en fonction de son conteneur

Citation

ma text area ne se redimensionne pas quand je réduis la fenêtre du navigateur. la text area dépasse de la div...

Pour le 1, la solution de Badwolf devrait fonctionner sur les navigateurs concernés
Pour le 2, est-ce que le conteneur de ton textarea se redimensionne lui même ?

L'idéal pour ce genre de question est de poster directement un morceau de code qui cible le problème, une archive jointe n'est souvent pas ouverte.
"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#7 metaroid

    Ceinture Orange

  • Members
  • PipPipPip
  • 37 messages

Posté 08 December 2012 - 16:09 PM

Sa pièce jointe en témoigne ...



1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)

authorised training centre

Centre de Formation Mediabox - Adobe et Apple Authorised Training Center.

Déclaré auprès de la Direction du Travail et de la Formation Professionnelle

Mediabox : SARL au capital de 62.000€ - Numéro d'activité : 11 75 44555 75 - SIRET : 49371646800035

MEDIABOX, 23, rue de Bruxelles, 75009 PARIS

FFP