Décalage de champs input email

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:

---

<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 ?

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

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:

---

1 2 3

margin{ 0,0 }

---

Citation:

---

Envoyé par miss_socrates

Code:

---

1 2 3

margin{ 0,0 }

---

---

Non, ça n'existe pas...

Code:

---

1 2 3

élément-ciblé{ margin: 0; }

---

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