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
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
A voir également:
- Positionner une image avec le Background
- Image iso - Guide
- Comment agrandir une image - Guide
- Légender une image - Guide
- Acronis true image - Télécharger - Sauvegarde
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? - Forum Graphisme
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
7 nov. 2011 à 16:31
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>
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
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...
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
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 :
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.
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
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 ?
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
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.
Je regarderai ça au plus tôt.
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
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...
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...
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
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é :)
Il te suffit de le placer avec des margins qui vont bien et le tour est joué :)
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
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
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
7 nov. 2011 à 23:58
Tu mets tes input dans une <div>, et eux ne bougerons pas.
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
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é :)
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
3 avril 2012 à 16:23
Un petit résolu ? :p