Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
3324 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Régler la largeur d'une textbox

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Régler la largeur d'une textbox

n°1570694
matafan
Posté le 06-06-2007 à 09:25:11  profilanswer
 

Est-ce qu'il y a un moyen de faire en sorte qu'une textbox (<input type="text"> ) occupe toute la largeur de l'élément dans lequel elle est placée ? En l'ocurence j'ai un truc comme ça :

<div class="field">
<input type="text" id="search" name="search" value="Search" size="16" onfocus="if (this.value=='Search') this.value=''" />
</div>


Le <div> a la bonne largeur, je le vois en affichant sa bordure. Par contre mon champs de texte n'occupe pas toute la place qui est disponible dans le <div>, et j'ai un espace libre à droite. Je pose la question pour un champs de texte.
 
En fait mon problème c'est que dans mon formulaire j'ai plusieurs champs de types différents (text, select...), et je voudrais que tous fassent la même largeur.


Message édité par matafan le 06-06-2007 à 09:25:32
mood
Publicité
Posté le 06-06-2007 à 09:25:11  profilanswer
 

n°1571277
dartyduck
n00b AttitudE
Posté le 07-06-2007 à 00:57:23  profilanswer
 

tu mets dans ton css :

Code :
  1. #field input {
  2. width: XXpx;
  3. }


mais tu dois supprimer les "size" du code html :o


Message édité par dartyduck le 07-06-2007 à 00:58:01

---------------
Nikon D7000 + 18-105VR + 35mm 1.8
n°1571280
zecrazytux
Posté le 07-06-2007 à 01:05:58  profilanswer
 

matafan, tu as un niveau de html/css et de C assez différents il me semble :D
 

Citation :

) occupe toute la largeur de l'élément dans lequel elle est placée ?


 
comme l'as dis dartyduck, y a les css pour ça.
par contre moi j'aurai plutot mis width: 100%; à la vue de ta phrase


---------------
Blog photo/récits activités en montagne http://planetcaravan.net
n°1571324
matafan
Posté le 07-06-2007 à 09:32:52  profilanswer
 

Effectivement ça marche. Je pensais pourtant avoir essayé, c'est fou. Finalement j'ai créé une class "fill" que j'utilise pour mes champs:

.fill {
  width: 100%;
}


Ca s'affiche nickel dans konqueror, par contre dans firefox mes champs text "débordent" légèrement de la boite dans laquelle ils se trouve (ils sont un chouïa trop larges et sont donc coupés à droite)... Alors que pour les <select> la largeur est bonne.

n°1571394
zecrazytux
Posté le 07-06-2007 à 11:00:55  profilanswer
 

utilise du padding dans "la boite" ou du margin sur tes champs


---------------
Blog photo/récits activités en montagne http://planetcaravan.net
n°1571422
dartyduck
n00b AttitudE
Posté le 07-06-2007 à 11:24:39  profilanswer
 

ou simplement tu descends à 90 ou 80%, tu dois avoir un margin ou un padding qqpart qui les poussent un peu :o


---------------
Nikon D7000 + 18-105VR + 35mm 1.8

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Régler la largeur d'une textbox

 

Sujets relatifs
besoin d'aide pour creation textbox et label en dynamique[html / css] gerer la largeur des cellules dans un tableau
[Win32]GetTextExtentPoint32 ne me donne pas la bonne largeur de chaîne[JVS] pb de largeur d'un menu dynamique, svp aidez moi !!
[CSS] Largeur mini de page pour positionner barre verticale à droiteRegler le retrait des listes <ul>
Contraindre la largeur d'une cellule[VB Access]Supprimer un élément d'un textbox
Date hors période dans TextBox 
Plus de sujets relatifs à : Régler la largeur d'une textbox


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)