• 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? happy

    Merci de votre aide!

    Bonne soirée!




    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.