Position du texte dans un input
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:
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:
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;
} |
