Discussion :

[taly]

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.

[<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...

[taly]

voici ma css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>