Image de fond de page

[familink]

Hello,

Je viens de suivre le tuto "image-de-fond-changeante-selon-la-resolution-du-visiteur"
https://forum.forumactif.com/t286701-image-de-fond-changeante-selon-la-resolution-du-visiteur

Super bien fait et très facile.

Je souhaite que mon image reste en haut de la page donc je n'ai pas ajouté le scripte pour fixer l'image.

Le problème
C'est que mon image se duplique pour remplir tout le fond de la page et moi ce que je voulais c'est que tout le bas de la page reste blanc.

J'ai donc ajouté du blanc sous l'image.

Sur l'index c'est parfait mais dans les discussions très longues l'image finit par se dupliquer lorsque la page devient plus grande que la taille maximum que j'ai fixée (ex: 1280*3000).

Question
Y a t'il un script qui me permettrait d'ancrer mon image originale 1280*500 en haut de la page sans être obligé de lui ajouter des tonnes de blanc ?

Exemple de la manip que je suis obligé de faire :


Merci
@+
Raphaël

[Matriochka]

Bonsoir,

As-tu regardé cette partie du tutoriel :

Si vous souhaitez aligner votre fond au centre de l'écran, et le fixer à la page (pour qu'il ne défile pas), ajoutez ce code à votre CSS personnalisé (PA > Affichage > Couleurs > Feuille de style CSS)

Code:

body{
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

[familink]

Oui mais il est précisé que c'est pour fixer le fond.
Le problème c'est que je ne veux pas le fixer par rapport à mon écran mais par rapport à la page. C'est à dire que quand je suis en bas de la page il faut que le fond reste blanc.

Peut être que je peux utiliser le code en enlevant la ligne

Code:

background-attachment: fixed;

Je vais essayer ça...

Merci

[Matriochka]

La ligne qui te permet de réaliser ce que tu veux est celle-ci :

Code:

background-repeat: no-repeat;

Pour ne pas que le fond se répète

Avec :

Code:

background-position: top center;

Pour que l’image reste en haut, au centre

[familink]

Super, c'est exactement ce qu'il me fallait.
J'ai gardé seulement le script "no-repeat" car le centrage ne m'est pas utile.

Ce qui est très cool c'est que je pourrai changer l'image avec un minimum d'opérations puisque je n'ai plus qu'a redimensionner et non pas à modifier l'image.

Merci de ton aide.

[Matriochka]

Ravie d’avoir pu t’aider

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif

[familink]

Oui je te remercie je vais éditer le premier message de suite.