Formulaire html /css
Fermé
krary
Messages postés
4
Date d'inscription
jeudi 17 avril 2008
Statut
Membre
Dernière intervention
17 avril 2008
-
17 avril 2008 à 16:09
Devilish Messages postés 1425 Date d'inscription lundi 7 avril 2008 Statut Membre Dernière intervention 26 janvier 2009 - 17 avril 2008 à 20:47
Devilish Messages postés 1425 Date d'inscription lundi 7 avril 2008 Statut Membre Dernière intervention 26 janvier 2009 - 17 avril 2008 à 20:47
A voir également:
- Formulaire html /css
- Formulaire de réclamation facebook - Guide
- Editeur html - Télécharger - HTML
- Faire un trait horizontal html css ✓ - Forum CSS
- Br html ✓ - Forum Webmastering
- &Nbsp html ✓ - Forum Webmastering
4 réponses
Devilish
Messages postés
1425
Date d'inscription
lundi 7 avril 2008
Statut
Membre
Dernière intervention
26 janvier 2009
38
17 avril 2008 à 16:25
17 avril 2008 à 16:25
Comment as-tu organisé ta page?Tu as une div avec une image en fond juste pour le formulaire, ou le l'image est sur le fond du body de la page?
Devilish
Messages postés
1425
Date d'inscription
lundi 7 avril 2008
Statut
Membre
Dernière intervention
26 janvier 2009
38
17 avril 2008 à 16:42
17 avril 2008 à 16:42
Ton image est dans ton body positionner en % et ton formulaire est positionné en px. Les positionnements en % permettent à la page de s'adapter en fonction de la dimension de la fenêtre, donc ils changent, mais pas les positionnements en pixels c'est pour ça que ça se déplace...
Essaye plutôt comme ça :
Et changent tes position en fonction...
Essaye plutôt comme ça :
<div background ="images/index.jpg" style="background-repeat:no-repeat; background-position:50% -38%;"> <form name="login" method="POST" action="accueil.php"> <input type="text" name="user" value="" style="margin-top:362px; margin-left:870px; width:8%; "><br> <input type="password" name="password" value="" style="margin-top:41px; margin-left:870px; width:8%; "><br><br> <input type="image" src="images/join.jpg" name="image" style="margin-top:3px; margin-left:907px;" > </form> </div>
Et changent tes position en fonction...
krary
Messages postés
4
Date d'inscription
jeudi 17 avril 2008
Statut
Membre
Dernière intervention
17 avril 2008
17 avril 2008 à 18:11
17 avril 2008 à 18:11
Désolé pour le retard j'etai partis faire une course.
Donc j'ai essayé de mettre en % mais le soucis c'est que lorsque je bouge ma fenetre, les champs ne sont toujours pas alignés avec l'image.
En pixel, il se déplace de gauche a droite mais pas de haut en bas
En %, il se déplace en diagonal mais pas de haut en bas.
Merci
Donc j'ai essayé de mettre en % mais le soucis c'est que lorsque je bouge ma fenetre, les champs ne sont toujours pas alignés avec l'image.
En pixel, il se déplace de gauche a droite mais pas de haut en bas
En %, il se déplace en diagonal mais pas de haut en bas.
Merci
krary
Messages postés
4
Date d'inscription
jeudi 17 avril 2008
Statut
Membre
Dernière intervention
17 avril 2008
>
krary
Messages postés
4
Date d'inscription
jeudi 17 avril 2008
Statut
Membre
Dernière intervention
17 avril 2008
17 avril 2008 à 18:31
17 avril 2008 à 18:31
up svp
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
921
17 avril 2008 à 19:24
17 avril 2008 à 19:24
salut,
est-ce que tu as une version en ligne ?
sans le document en entier on va parler dans le vide.
pour tes styles tu devrais déjà tout mettre dans une feuille séparée.
est-ce que tu as une version en ligne ?
sans le document en entier on va parler dans le vide.
pour tes styles tu devrais déjà tout mettre dans une feuille séparée.
Devilish
Messages postés
1425
Date d'inscription
lundi 7 avril 2008
Statut
Membre
Dernière intervention
26 janvier 2009
38
17 avril 2008 à 20:47
17 avril 2008 à 20:47
Bon dans ce cas place l'image avec des % mais les autre truc place les avec des Pixels...ya pas de secrets essaye tout ce qui te passe par la tête, ça ressemble à un conseil poubelle mais c'est la meilleure façon d'avancer. Et avant tout, pendant tes test pour ton placement, je te conseil d'utiliser plusieurs navigateurs. Le mieux serait que ton site s'affiche de la même manière sur Opera, firefox, IE (malheureusement) et safari. D'ailleurs avec safari tu auras une surprise avec les placements en %...
17 avril 2008 à 16:29
Pour le code, voici la partie qui pose problème (cela sera plus explicite que ma réponse!)
<body background ="images/index.jpg" style="background-repeat:no-repeat; background-position:50% -38%;">
<form name="login" method="POST" action="accueil.php">
<input type="text" name="user" value="" style="margin-top:362px; margin-left:870px; width:8%; "><br>
<input type="password" name="password" value="" style="margin-top:41px; margin-left:870px; width:8%; "><br><br>
<input type="image" src="images/join.jpg" name="image" style="margin-top:3px; margin-left:907px;" >
</form>
comme tu peut le constater, je positionne mon formulaire par rapport a ma page et donc quand je deplace ma fenetre explorer, les champ du formulaire bouge aussi.
Je ne vois pas comment je pourrait proceder
encore merci