Css problème avec la balise "TOP" [Résolu/Fermé]

Signaler
-
 Utilisateur anonyme -
Bonjour,

J'ai rencontré un problème avec le top sur deux boutons, un submit et un reset que je leur est donné une div id tout les deux.
Plutôt que de raconter le problème chose qui prendrait longtemps, je vous laisse regarder le site en question : http://etoilis.olympe-network.com
Le problème ce situe tout en bas, dans la partie contact.

Voici le code du site :

L'index.php :

<form action="contact.php" method="post" class="contact">
<div id="mail"><input type="text" name="email" value="votre@email.fr"/><br></div>
<div id="objet"><input type="text" name="objet" value="l'objet de votre message"/><br></div>
<textarea id="comments"></textarea>
<div id="envoyer"><input type="submit" value="Envoyer"/></div>
<div id="reset"><input type="reset" value="Annuler"/></div>
</form>
</div>


La feuille de style :

.contact{
position : absolute; 
top:100px;
}

#mail{ 
position : absolute; 
top : 1850px; 
left : 20px; 
width : 280px; 
} 

#objet{
position : absolute; 
top : 1875px; 
left : 20px; 
width : 280px; 
}

textarea { 
position : absolute;  
top : 1900px; 
left : 20px; 
width : 350px; 
height : 220px; 
} 

#envoyer{ 
position : absolute; 
top : 2025px; 
left : 20px; 
border : none; 
width : 50px; 
}
 
#reset{ 
position : absolute; 
top : 2025px; 
left : 90px; 
border : none; 
width : 50px; 
} 




Si vous pouvez m'aidez, et ce assez rapidement cela serait très gentil de votre part.

Merci d'avance



2 réponses

Messages postés
5695
Date d'inscription
lundi 16 janvier 2012
Statut
Contributeur
Dernière intervention
14 octobre 2020
1 105
Tu veux que ce soit à côté ou en-dessous ?

Si tu veux résoudre ton problème tout seul, le mieux serait de rajouter le pluging Firebug (c'est possible aussi sous Safari à ce que j'ai pu voir) Ca te permettra de voir jusqu'où vont réellement des div et autres éléments.

EDIT : si tu voulais plus de réponses, il aurait fallu poster dans le forum webmastering et non dans programmation

Désolé de te répondre si tardivement mais j'ai trouvé la réponse, enfin j'ai modifié l'intégral du css pour arriver à mes fins :)