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; }
Partager