Bonjour,

Je vous expose mon problème, une photo vaut mieux qu'une explication.
http://imgur.com/Jy6oeof

Comme vous le voyez le texte dans l'input est collé à gauche et ça ne fais pas beau du tout. Comment pourrais-je le décaler afin que mes input soit plus sexy.

Merci d'avance de votre aide.


Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<form method="post" action="../fonction/verifConnexion.php" onsubmit="return verifForm1(this)">
                    <input type="text" name="email" onblur="verifSaisieMail(this)" value="Adresse email" onclick="if(this.value=='Adresse email')this.value=''"></br>
                    <input type="text" name="password" onclick="if(this.type=='text')this.type='password'; if(this.value=='Mot de passe')this.value='';" onblur="verifSaisiePassword(this)" value="Mot de passe">
                    <input type="submit" name="connexion" value="Se connecter">
                </form>
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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
h3,a,input
{
    font-family: policeFrenchPhysioLight;
    color: #43403c;
}
input
{
    border-radius: 5px;
    cursor:pointer;
    border: 2px solid #d2d2d2;
    font-size:13px;
    color: #43403c;
}
input[name=email]
{
    width:360px; 
    height:30px;
}
input[name=password]
{
    width:235px; 
    height:30px;
    margin-top: 2px;
}
input[name=connexion]
{
    width: 121px;
    height:35px;
    background-color: #1c9dcf;
    color: #ffffff;
    font-family: policeFrenchPhysioBold;
}
input[name=codeEntreprise]
{
    width:235px; 
    height:30px;
    margin-top: 2px;
}