Positionner une image avec le Background
Résolu
Soutshiide06
Messages postés
38
Statut
Membre
-
linkje Messages postés 128 Statut Membre -
linkje Messages postés 128 Statut Membre -
Bonjour,
Je voulais savoir si il y a une possibilité de fixer une image a l'arrière plan, de manière a ce que chaque taille d'écran ne me déforme pas ma page, je ne peux pas mètre cette image dans l'arrière plan même car il s'agit d'un "<input>" qui doit être placé dans un cadre précis de mon arrière plan
Un grand merci d'avance
Je voulais savoir si il y a une possibilité de fixer une image a l'arrière plan, de manière a ce que chaque taille d'écran ne me déforme pas ma page, je ne peux pas mètre cette image dans l'arrière plan même car il s'agit d'un "<input>" qui doit être placé dans un cadre précis de mon arrière plan
Un grand merci d'avance
A voir également:
- Positionner une image avec le Background
- Légender une image - Guide
- Image iso - Guide
- Reduire taille image - Guide
- Transformer une image en icone - Guide
- Rechercher une image - Guide
11 réponses
recupere la taille de l'ecran un cours ici
http://www.siteduzero.com/tutoriel-3-145147-comment-faire-une-page-ayant-la-meme-hauteur-que-le-navigateur.html</code>
Ceci ne me permet pas d'encrer une image par rapport a mon background et c'est ce que moi j'ai besoin d'un encrage...
Bonjour,
Je t'avoue que j'aimerai bien pouvoir t'aider mais je ne comprend pas tout a fait la question donc je vais essayer d'y répondre avec ce que j'ai compris.
Pour mettre une image fixe en fond et ne pas avoir de souci lorsque la résolution change, tu dois te crée une bande de un pixel de large de facon à la répeter à l'infini et le code ressemblerai a ca :
HTML :
CSS :
J'espère que j'ai été clair dans mon explication, hésite pas si je peux y répondre mieux.
Bonne chance et bonne soirée.
Je t'avoue que j'aimerai bien pouvoir t'aider mais je ne comprend pas tout a fait la question donc je vais essayer d'y répondre avec ce que j'ai compris.
Pour mettre une image fixe en fond et ne pas avoir de souci lorsque la résolution change, tu dois te crée une bande de un pixel de large de facon à la répeter à l'infini et le code ressemblerai a ca :
HTML :
<body>
<div id="fond_Infini">
<div id="tonImage">
// Ta page
</div>
</div>
</body>
CSS :
#fondInfini {
background-image:('Bande_un_pixel.jpg');
background-repeat:repeat-x;
}
#tonImage {
background-image:('ton_image_fixe.jpg');
background-repeat:no-repeat;
background-position:center center;
}
J'espère que j'ai été clair dans mon explication, hésite pas si je peux y répondre mieux.
Bonne chance et bonne soirée.
Alors, merci de m'aider, je t'explique j'ai un arrière plan lui il est fixe, il et en "cover" et centrer, mais dans mon code HTML je doit mètre un "<input>" qui doit être placé selon l'arrière plan, donc quand mon arrière plan s'élargit, ou se rétrécit, mon input lui ne bouge pas, je voudrais savoir comment l'ancrer a mon arrière plan ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Est-ce que tu peux poster un image ou un lien pour que je puisse voir ce que tu attend exactement. Je ne suis pas sur d'avoir compris.
Je regarderai ça au plus tôt.
Je regarderai ça au plus tôt.
http://88.165.186.115:8887
La structure que je désire est
-Adresse e-mail :
"mon input + hover (changement d'image)"
-Mot de passe
"mon input + hover (changement d'image)"
-Code d'identification
"mon input + hover (changement d'image)
mais il faudrait que mes inputs s'adapte aussi a l'écran...
La structure que je désire est
-Adresse e-mail :
"mon input + hover (changement d'image)"
-Mot de passe
"mon input + hover (changement d'image)"
-Code d'identification
"mon input + hover (changement d'image)
mais il faudrait que mes inputs s'adapte aussi a l'écran...
Je crois que je m'avance pas en disant que ton menu doit juste etre en position absolute. Ton fond ne bougera pas puisqu'il est en "cover".
Il te suffit de le placer avec des margins qui vont bien et le tour est joué :)
Il te suffit de le placer avec des margins qui vont bien et le tour est joué :)