Discussion :

[k_boy]

salut
je veut crée deux champ de saisie (login et password), mais j'ai un problème dans le positionnement des champs labels et le champ de saisie.(je veux que chaque label soit prêt du champ de saisie)
CODE HTML

Code :

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

1
2
3
4
5
6
7
 
<form action=""> 
 
<label>Logon:</label> <input type="text" class="input" /> 
<label>Password: </label> <input type="password" class="input" />     
<label>&nbsp; </label> <input type="submit" value="Submit" class="button" /> 
</form>

CODE 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
17
18
19
20
 
.input { 
    border: 1px solid #006; 
    background: #ffc; 
} 
 
 
.input:hover { 
    border: 1px solid #f00; 
    background: #ABC8E2; 
} 
 
 
label { 
 
    width: 150px; 
    float: left; 
    margin: 2px 4px 6px 4px; 
    text-align: middle; 
}

et l'image(pièce jointe) montre le décalage entre les champs de saisie et les LABELS.