Problème d'image de fond lors de zoom

[yugourt]

Bonjour,

je suis en train de créé un forum pour la première fois et je rencontre un problème pour lequel je n'ai pas trouvé de solution sur les sujets déjà existant.
La chose est que je voulais mettre en fond, la tête d'un personnage séparé en deux partie, une à gauche du forum et l'autre à droite. Pour ce faire j'ai réglé la taille du forum à 70%, qui est le minimum, et j'ai modifié mon image pour avoir le bon format. Du moins c'est ce que je pensais mais lorsque que je zoom et que je dé-zoom avec ctrl+molette, l'effet ne marche plus et le fond devient soit trop grand ou soit trop petit. J'utilise firefox, et j'ai fait tester à d'autres personnes qui ont confirmer le même problème. J'espère que quelqu'un pourra m'aider.
Voici le liens de mon forum, en vous remerciant d'avance!

http://gemmetasoeurmdz.forumactif.org/

[Matriochka]

Bonjour et bienvenue à toi,

Ce tutoriel devrait t’aider :
https://forum.forumactif.com/t286701-image-de-fond-changeante-selon-la-resolution-du-visiteur

[yugourt]

J'ai déjà essayé cette solution mais il semblerait que ça ne fonctionne pas, je ne sais pas si le zoom et la résolution ont quelque chose à voir. Sinon j'ai peut être mal fait la manipulation, je vais ré-essayer.

[yugourt]

Je ne vois pas mon erreur, il y en a pourtant sûrement une, voici le code que j'ai écris :
$(function(){

var bg= "https://i.servimg.com/u/f17/13/28/23/43/fond_f18.jpg";

if(screen.width < 801) bg="https://i.servimg.com/u/f17/13/28/23/43/fond_f14.jpg";
else if(screen.width < 1025) bg="https://i.servimg.com/u/f17/13/28/23/43/fond_f15.jpg";
else if(screen.width < 1281) bg="https://i.servimg.com/u/f17/13/28/23/43/fond_f16.jpg";
else if(screen.width < 1601) bg="https://i.servimg.com/u/f17/13/28/23/43/fond_f17.jpg";

document.body.style.backgroundImage="url(\""+bg+"\")";

});

[Matriochka]

Dans tous les cas, les utilisateurs ne sont pas vraiment censés zoomer sur les pages, ou alors, pas de manière excessive, donc ça ne devrait pas trop poser de problème…

Sinon, tu as toujours moyen d'ajouter deux fonds plutôt qu'un seul. Un que tu cales sur la droite, une que tu cales sur la gauche.
Un petit tuto :
http://css.mammouthland.net/css3/plusieurs-background-image-sans-div.php

[yugourt]

Merci pour ta solution, j'ai bidouillé un peu et ça le fait!
Et j'ai un autre soucis avec le cadre, j'ai activé le contour des cellules en mettant la couleur noir, mais on a l'impression que le cadre est coupé, ça me semble étrange et ça rend pas très bien.
http://gemmetasoeurmdz.forumactif.org/

[Matriochka]

Hmm, pas sûre de comprendre, mais essaye ceci :

Code:

.forabg {border:2px solid #000000;}

PS : N’oublie pas que pour chaque requête, tu dois créer un topic différent

[Anzu]

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