HTML <form>
Résolu
Bonjour,
Je fais appel à vous car je ne trouve toujours pas comment régler un défaut:
Le problème ici c'est que les champs de saisie sont en dehors de la barre "header" depuis que je met le boutons en img, et j'aimerais les avoir à même hauteur (comme sur une ligne).
Si vous avez une solution... : /
Merci d'avance.
Je fais appel à vous car je ne trouve toujours pas comment régler un défaut:
<div style="background:url('IMGs/footer.png') repeat-x; position: absolute; width: 100%; height: 30px; top: 0px;text-align:center;">
<FORM Method="POST" Action="member_space.php" name="formulaire" onsubmit="return check(this.form);">
<div>
<font color=orange>User: </font><INPUT type=text name="user" style="background-color: black; color: green; position: center; top: 50px; text-align: center;" value=""/>
<font color=orange>Password: </font><INPUT type=text name="mdp" style="background-color: black; color: green; position: center; top: 90px;text-align: center;" value=""/>
<INPUT style="margin-top:3px;" type="image" src="IMGs/bouton-connexion2.png">
</div>
</FORM>
</div>
Le problème ici c'est que les champs de saisie sont en dehors de la barre "header" depuis que je met le boutons en img, et j'aimerais les avoir à même hauteur (comme sur une ligne).
Si vous avez une solution... : /
Merci d'avance.
3 réponses
-
tu mets les 2 champs l'une à top: 90px et l'autre top: 50px
et tu veux les avoir en même hauteur?
essaie d'ajouter float: left pour les deux champs et top :50 px pour les deux-
-
-
Oui donc ma header est enfaîte une barre générer par une image répété sur l'axe x.
Si je ne met aucune div dans le form, mes 2 champs se mettent normaklement sauf quand je met le submit avec une image: dans ce cas mes 2 champs se déplace vers le bas (env. 7/10px) et mon bouton lui reste collé en haut...
Edit: la barre est collée tout en haut et ici un screenshot: (les champs dépasse la barre même si on ne voit pas très bien, sur la page ca se voit) http://img11.hostingpics.net/pics/772369header.png -
-
-
-
ContributeurHello,
Idem : où est cette barre "header" ? Je ne vois qu'une div avec comme image de fond un "footer.png" mais sinon...
Vire donc le <div> dans le <form> : il ne sert à rien et entraine un retour à la ligne que tu dis vouloir supprimer.
-
ContributeurBonjour,
Je n'ai pas compris à quoi correspondait ta barre "header".
