css et input file

Version imprimable

24/05/2006, 10h04
taly

css et input file

Bonjour,

J'ai designé mon formulaire en css pour que tous mes inputs aient la même largeur, malheureusement j'ai un input de type "file" qui à un bouton "parcourir" à côté du champ.
J'ai créé une class spécifique pour réduire la largeur de champ mais ça ne marche pas (le champs passe sous le bouton parcourir).
Ce problème d'affichage ne se produit que sous Firefox (sous IE c'est nickel).
Auriez-vous une solution ?
Merci.
24/05/2006, 10h12
<romain/>

tu peux nous mettre ton code?

Vérifie aussi la taille de ton bouton,met un background-color. Peut-être est-il plus grand que tu ne le crois...

voici ma css :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
input, textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
width: 250px;
border: solid 1px #FF6600;
background-color: #FFFFCC;
}
 
#input_new_photo {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
width: 200px;
border: solid 1px #FF6600;
background-color: #FFFFCC;
}

et le code HTML :

Code:

1
2
3
4
5
6
7
 
<form ......>
....
<label>Changer ma photo :</label>
<input type="file" name="new_photo" id="input_new_photo" size="30">
.....
</form>