Discussion :

[AimStar]

Hello à tous

J'ai réalisé un formulaire d'inscription à une newsletter tout ce qu'il y a de plus simple mais lorsque j'approche mon curseur sur le champs email pour inscrire mon email je dois cliquer quelques pixel en dessous du champs pour le remplir.

C'est peut-être un problème tout simple mais je n'ai pas trouvé de solution même avec mon meilleur ami Google.

Voici le code :

Code :

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

<input type="text" name="mail"   onKeyUp="javascript:couleur(this);" style="position:absolute;left:295px;top:395px;width:161px;height:18px;border:1px #C0C0C0 solid;font-family:Arial;font-size:13px;z-index:3" value="">

Quelqu'un aurait-il une idée afin de réparer ce bug malencontreux s'il vous plait ?

[NoSmoking]

Bonjour,
il nous faudrait connaitre les éléments qui encadrent ton élément pour être sûr qu'aucun ne recouvre celui ci.

[miss_socrates]

Je pense qu'il s'agit d'un problème de css, plus spécifiquement de margin-top.
Il faudrait mettre au début les marges à 0 pour éviter que la marge n'empiète sur le margin-top et crée un décalage en insérant:

Code :

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

1
2
3
margin{
0,0
}

[rodolphebrd]

Code :

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

1
2
3
margin{
0,0
}

Non, ça n'existe pas...

Code css :

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

1
2
3
élément-ciblé{
   margin: 0;
}

[miss_socrates]

Oui merci Rodolphe, c'est ce que je voulais dire, je me suis un peu emmêlé les pinceaux dans mes explications