Positionner une image avec le Background

Résolu/Fermé
Soutshiide06 Messages postés 37 Date d'inscription mercredi 6 juillet 2011 Statut Membre Dernière intervention 3 décembre 2011 - 7 nov. 2011 à 16:21
linkje Messages postés 124 Date d'inscription vendredi 20 juillet 2007 Statut Membre Dernière intervention 1 juillet 2014 - 3 avril 2012 à 16:23
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


11 réponses

schancel Messages postés 296 Date d'inscription dimanche 20 mars 2011 Statut Membre Dernière intervention 7 décembre 2018 49
7 nov. 2011 à 16:31
0
Soutshiide06 Messages postés 37 Date d'inscription mercredi 6 juillet 2011 Statut Membre Dernière intervention 3 décembre 2011
7 nov. 2011 à 16:44
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...
0
linkje Messages postés 124 Date d'inscription vendredi 20 juillet 2007 Statut Membre Dernière intervention 1 juillet 2014 1
7 nov. 2011 à 16:53
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 :
<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.
0
Soutshiide06 Messages postés 37 Date d'inscription mercredi 6 juillet 2011 Statut Membre Dernière intervention 3 décembre 2011
7 nov. 2011 à 17:08
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 ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
linkje Messages postés 124 Date d'inscription vendredi 20 juillet 2007 Statut Membre Dernière intervention 1 juillet 2014 1
7 nov. 2011 à 17:26
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.
0
Soutshiide06 Messages postés 37 Date d'inscription mercredi 6 juillet 2011 Statut Membre Dernière intervention 3 décembre 2011
7 nov. 2011 à 17:43
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...
0
linkje Messages postés 124 Date d'inscription vendredi 20 juillet 2007 Statut Membre Dernière intervention 1 juillet 2014 1
Modifié par linkje le 7/11/2011 à 19:01
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é :)
0
Soutshiide06 Messages postés 37 Date d'inscription mercredi 6 juillet 2011 Statut Membre Dernière intervention 3 décembre 2011
7 nov. 2011 à 21:31
Ouai mais si un gars ouvre en 17" et un autre en 24" les inputs ne serons plus ou il faut
0
linkje Messages postés 124 Date d'inscription vendredi 20 juillet 2007 Statut Membre Dernière intervention 1 juillet 2014 1
7 nov. 2011 à 23:58
Tu mets tes input dans une <div>, et eux ne bougerons pas.
0
Soutshiide06 Messages postés 37 Date d'inscription mercredi 6 juillet 2011 Statut Membre Dernière intervention 3 décembre 2011
8 nov. 2011 à 00:30
oui je suis d'accord mais les div ne bougerons pas, mais l'arrière plan lui si selon la taille de l'image donc ils seront plus au bon endroit mais j'ai une solution, j'ai tout retravaillé et la solution est presque réglé donc merci a toi de m'avoir aidé :)
0
linkje Messages postés 124 Date d'inscription vendredi 20 juillet 2007 Statut Membre Dernière intervention 1 juillet 2014 1
3 avril 2012 à 16:23
Un petit résolu ? :p
0