-
Résolu INSERER UNE TEXTURE EN FOND DE PAGE
Mardi 10 Février 2015 à 18:03 AssoFER27
Bonjour. J'ai également utilisé votre méthode pour insérer une image sur ma page (avec background). Par contre, mon image est reproduite en mosaique sur ma page, exactement comme quand on configure un fond d'écran sur le fond du blog et que l'on ne spécifie pas 'non répétée'. J'ai d'ailleurs vérifié que tous mes formats page du blog & fond du blog étaient en 'non répété'. Rien n'y fait pour cette page spécifique. Quelqu'un peut-il m'aider ? Merci
Mardi 10 Février 2015 à 19:29 C.Kinou
Bonsoir,
pour que le fond ne se répète pas, il faut ajouter
background-repeat:no-repeat;
ce qui donne
<style type="text/css"><!--
#body {background-image: url(adresse de l'image); background-repeat:no-repeat; }
--></style>Mardi 10 Février 2015 à 19:37 AssoFER27
Ah merci, c'est super ! Par contre ... encore un petit détail ... je n'arrive pas à centrer l'image que j'ai insérée .... Je suppose qu'il faut encore ajouter un code, mais je n'y connais que couic
Mardi 10 Février 2015 à 22:32 C.Kinou
Je ne sais quel résultat tu veux exactement obtenir, remplace par ces lignes
<style type="text/css"><!--
#body{background: url(http://ekladata.com/mNP0_qyvhDW9BVtSyAVceJ9VLSQ/foret052.jpg);background-repeat:no-repeat;background-position:center; background-attachment: fixed; }
--></style>et regarde si cela te convient.
Mardi 10 Février 2015 à 23:12 AssoFER27
Merci, effectivement celà centre l'image mais du coup il semblerait que le 'no-repeat' soit annulé, car l'image se répète à nouveau.
Mercredi 11 Février 2015 à 10:32 C.Kinou
Non, elle n'est pas répétée, elle est fixe, c'est à dire que quelle que soit la longueur de l'article, l'image sera présente.
Si tu n'en veux pas, il faut juste enlever
background-attachment: fixed;Mercredi 11 Février 2015 à 16:39 AssoFER27
Bonjour
Donc si je garde background-attachmt = fixed, j'obtiens une image fixe qui couvre toute la fenêtre. Si je l'enlève,j'obtiens une image qui démarre à mi-hauteur de la page. En fait je souhaite l'inverse, c'est à dire le fond de la forêt derrière le cheval qui galope, et qui s'arrête au bandeau vert.....
Mercredi 11 Février 2015 à 19:12 C.Kinou
ok, dans ce cas, mets
<style type="text/css"><!--
#content{background: url(http://ekladata.com/mNP0_qyvhDW9BVtSyAVceJ9VLSQ/foret052.jpg);background-repeat:no-repeat;background-position:center; }
--></style>Mercredi 11 Février 2015 à 19:18 AssoFER27
Ah yessssss ! merci ça marche & c'est super ! Merci, merci ....
Bon c'est encore moi; je suis contente d'avoir pu intégrer mon image comme je le voulais, mais ... nouveau deal, je dois insérer des infos sous cette image et quand j'essaie de le faire, tout se décale: l'image se positionne sous le texte que j'intégre. Comment faire pour qu'elle reste à sa place, et que je puisse écrire ce que je veux en dessous ? Merci si vous avez la solution ....
Dimanche 11 Août 2019 à 21:38 BelindaGraphic
Bonsoir!
J'ai essayé de poser une texture avec le même code. Cela fonctionne. Par contre, la texture ne descend pas jusqu'en bas de la page, elle s'arrête aux 3/4.
Quelqu'un aurait il un tuyau?
Merci de votre aide!
Bonne soirée!
Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.