Alignement FF/IE inputs type text personalisés
Bonjour à tous,
j'ai fait un login personnalisé en utilisant une image en background et en ajoutant par dessus les inputs. Mon code fonctionne bien sous firefox, tout est bien aligné mais pas sous IE...
(désolé pour le CSS éparpillé)
http://www.pixyup.com/uploads/241108174a9258813d1db.png
Code:
1
2
3
4
5
6
7
8
9
10
11
| <div id="login">
<form action="" method="post">
<input name="action" value="login" type="hidden">
<input name="user" value="e-mail" style="border: medium none ; width: 80px; margin-left: 14px; background-color: transparent; vertical-align: middle; height: 17px; margin-top: 29px;" type="text">
<input name="pass" value="Mot de passe" style="border: medium none ; width: 60px; margin-left: 18px; background-color: transparent; vertical-align: middle; height: 17px; margin-top: 29px;" type="password">
<input src="../img/cadre/20x20.png" style="vertical-align: middle; background-color: transparent; margin-left: 7px; margin-top: 27px;" height="20" type="image" width="20">
<br><a href="../?action=register_form">
<img src="../img/cadre/20x20.png" style="border: medium none ; vertical-align: middle; background-color: transparent; margin-left: 10px;" height="20" width="40">
</a>
</form>
</div> |
Code:
1
2
3
4
5
6
7
8
9
10
|
#login
{
background-image: url("img/cadre/login.png");
background-repeat: no-repeat;
background-position: center;
margin-left: 2px;
height: 71px;
width: 205px;
} |
Voilà est-ce que quelqu'un aurait une meilleure idée pour la façon de faire ou simplement une correction de façon a ce que tout soit affiché de la façon ?
Merci d'avance
