Discussion :

[ellyon76]

Bonjour,

J'ai un petit problème, j'ai sur mon site deux images en fond d'écran (l'une à gauche et l'autre droite) avec un espace vide entre les deux. Quand je réduis la fenêtre de mon navigateur les deux images se rapprochent l'une de l'autre. J'aimerais justement éviter cela. J'ai cherché des réponses sur internet mais je n'ai rien trouvé, ou alors j'ai dû passer à côté..

Merci d'avance

[Bovino]

Je suis quasiment sûr que cela vient du code.

[rodolphebrd]

Bonjour,

avec un lien vers votre page on pourra vous aider.

[ellyon76]

Je me suis mal exprimé, désolé

le site n'est pas encore en ligne, j'espère pouvoir le mettre très bientôt. Je peux éventuellement vous montrer le code CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
background-color: beige;
background-image: url("../images/image1.jpg"), url("../images/image2.jpg");
background-position: left top, right top;
background-repeat: no-repeat;
background-attachment: fixed;

L'image 1 a une dimension de 367x751 et est située à gauche et l'image 2 a une dimension de 366x746 et est située à droite. Entre les deux il n'y aucune autre image, juste le contenu de ce qu'il y aura dans le site.

[rodolphebrd]

Il suffit de fixer la 2ème image avec des valeurs en pixels.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
section{
   width:1000px;
   height:400px;
 
   background-color: beige;
   background-image: url("http://lorempixel.com/200/200"),    url("http://lorempixel.com/cats/200/200");
   background-position: left top, 800px 0;
   background-repeat: no-repeat;
   background-attachment: fixed;
 }

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<section></section>

http://codepen.io/anon/pen/GwioB

[ellyon76]

J'avais pas pensé à donner des valeurs en pixels, c'est tout bête en faite. Désolé de répondre avec un peu de retard. Merci