Bonjour à tous,

Tous d'abord je tiens à préciser que j'ai fais une recherche mais que je n'ai rien trouver donc si le sujet existe déjà je m'excuse d'avance et vous pries de m'indiquer ou il ce trouve.

J'ai suivie ce tuto : http://www.css-actif.com/t11445-un-background-intelligent

Mon problème est le suivant : J'ai créé une image en 1280x1024, mon écran est en 1280x1024 et cependant l'image apparait beaucoup trop grande sur mon forum. Mon image ce compose de deux bandes sur les cotés et d'un logo central en haut seulement les bandes n'apparaissent pas et le logo est gros et pixelisé c'est pour ca que je peux en déduire que l'image à grossie.

D’où pourrais venir le problème ?

merci d'avance et bonne soirée

Midnight

Bonjour,

Est-ce que le zoom est correct sur ton navigateur ? (Barre de menus de firefox > Affichage > Zoom : normal)

A part ça, comme tu le sais certainement puisque tu as forcément pensé à lire ce sujet, nous avons besoin d'un peu plus d'éléments pour pouvoir t'aider.

Merci de ta réponse rapide. Je viens de vérifier le zoom est bien normal

EDIT : Je viens de remarquer que selon les pages de mon forum l'image de fond est plus ou moins grande. Ca dépend de la taille en hauteur du forum. En fait j'ai l'impression que l'image ne s'adapte pas à la résolution mais à la taille du forum et qu'elle ne ce redimensionne pas. Est ce normal ? Merci

Ma mère me dit souvent que de la répétition nait la connaissance. C'est le moment de voir si elle a raison.

'Christa a écrit:

A part ça, comme tu le sais certainement puisque tu as forcément pensé à lire ce sujet, nous avons besoin d'un peu plus d'éléments pour pouvoir t'aider.

Oups pardon je n'avais pas vue autant pour moi :/

Voilà mon forum : http://eclipse-forum.guildealliance.com

et les codes que j'ai actuellement pour l'effet de fond :

Code:

body {
margin : 100px;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top;
center;
}
body {
background-color: #ffffff;
background-image: url("http://i39.servimg.com/u/f39/17/69/90/29/fond11.jpg");
background-repeat: no-repeat;
background-position: top center;
}
body {
background-position: top center;
background-image: url("http://i39.servimg.com/u/f39/17/69/90/29/fond11.jpg");
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover;
 
}

Je ne sais pas si c'est normal d'avoir plusieurs "body" dans un code CSS mais j'ai vue ca ici : http://www.css-actif.com/t3790-code-pour-header-de-fond

Aaaah ouais, OK...

Pour les deux body c'est surtout parfaitement inutile, autant mettre toutes les propriétés ensemble au lieu de les séparer u_u' D'autant qu'ici on a des propriétés qui se répètent plusieurs fois (et comme ça ne s'empile pas, la dernière arrivée supprime les autres)

Un petit passage par Clean CSS me donne ça, c'est tout de suite plus propre :

Code:

body {
background-attachment:scroll;
background-color:#fff;
background-repeat:no-repeat;
background-position:top center;
background-image:url(http://i39.servimg.com/u/f39/17/69/90/29/fond11.jpg);
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
margin:100px;
}

Pour ton souci, je vois pourquoi il se pose XD La propriété "cover" couvre TOUT l'espace disponible, c'est à dire toute la hauteur de ton forum, du coup l'image est agrandie à l'extrême. Il faut que tu modifies background-attachment et que tu mettes fixed à la place de scroll, comme ça ça s'adaptera à la taille du navigateur et pas la hauteur du forum.

Super ca marche niquel. Tu es ma déesse . Encore merci.

Bonne soirée

EDIT : C'est vous qui vous occupez de le mettre en résolu ou il faut que je fasse quelque chose ?

Il faut que tu mettes résolu dans ton titre pour prévenir les modérateurs, oui

Fais. merci

Yop' (:
Puisque c'est résolu, je déplace !
Merci de l'avoir indiqué