Centrer l'image de fond

[Juna]

Bonjour tout le monde ^^

Alors voilà, j'ai un petit soucis avec le wall de mon forum. Il n'est pas centré avec le cadre du forum et il est trop grand, donc je le vois très mal (sur mon écran)
J'ai fais différente modifs qui ont fonctionné sur mon pc (1366*768), mais chez mon fiancé qui a un 1600*1200 c'était juste la catastrophe, tout était dédoublé et décalé x) C'était surtout quand j'ai entrer dans ma fiche Css ce code là : .bodyline{ background-image: url("https://2img.net/r/ihimizer/img696/5121/sumbraewall.png");background-position:50% 0%; }
En fait il semblerait que lorsque je décalais l'image de fond, tout se décalait sur l'écran de mon fiancé.
Je l'ai donc enlevée et voici donc ma fiche css actuelle :

Code:

a { text-decoration: none; }
body{
background-position: top center;
background-image: url("http://img696.imageshack.us/img696/5121/sumbraewall.png")
background-repeat: no-repeat;
background-attachment: fixed;
}

J'ai ensuite suivis les incrustions de ce tutoriel afin que les wall s'adaptent aux résolutions des utilisateurs, hors, ça ne change absolument rien du tout.
J'ai peut-être fais quelque chose de travers, mais si quelqu'un pouvait peut-être m'éclaircir, ce serait gentil, merci beaucoup ! ^^

[Convivialite]

Bonjour

si tu as fait toutes tes images de differentes tailles comme dit dans le tuto
il ne faut pas la remettre dans ton CSS , car c'est lui qui prime

il faut simplement mettre ceci pour les centrer sans url d'image

Code:

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

Amicalement

[Juna]

Bonjour.

Merci pour votre réponse.
J'ai utilisé vos modifications mais malheureusement, la résolution automatique ne fonctionne toujours pas... j'y arriverais ! >.<

Voici mes screens, peut-être verrez vous mon erreur.







Merci d'avance pour votre aide ^^

[Convivialite]

si tu as bien suivi le tuto ça devrait marcher

ton screen n'est pas grand mais j'ai vu qu'il manquait " peut être que ça vient de là

le tuto

Code:

<script type="text/javascript" src="/-h2.htm"></script>

le tien il n'y a pas de "

Code:

<script type="text/javascript" src=/-h2.htm></script>

[Juna]

il manquait en effet un "... le problème c'est que quand je le rajoute et qu'ensuite je valide, tout les " disparaissent. Ce qui me donne à la fin

Code:

<script type=text/javascript src=/-h1.htm></script>

Mon problème doit venir de là je pense. Mais je ne sais pas du tout à quoi c'est dut oO

Merci encore pour vos réponses rapides ^^

[Convivialite]

il manquait en effet un "...

ce n'est pas 1 qui manque mais 2

il faut toujours ouvrir avec " et ne pas oublier de fermer avec "

<script type="text/javascript" src="/-h2.htm"></script>

[Juna]

En effet.
Quand je le copie / colle le code du tuto, ils y sont. Mais une fois que j'enregistre, ils disparaissent et je ne sais pas pourquoi.
Le problème vient peut-être de là, non ?

[Convivialite]

as tu bien vérifié la taille de tes images car certain hébergeur les redimensionne

j'ai une petite résolution d'écran et je me retrouve chez toi avec un fond de 1500x900

alors que je devrais avoir le 1024

[Juna]

Je viens de vérifier et oui, ils sont tous bien redimensionnés.

Je me demande également si le problème ne vient pas de l'image que j'ai mise dans affichage -> gestions des images.

Car celle que j'ai ici est en effet un 1500*900

Ce qui prouve bien que la personnalisation des résolutions ne semble pas prise en compte.

Merci pour vos réponses

[Convivialite]

supprime celle de gestion des images et on va voir si ça marche

[Juna]

C'est ce que j'ai fais, et je n'avais qu'un fond d'écran noir x)

[Convivialite]

supprime la
et laisse bien ton script dans description du site

je regarde sur ton forum

[Juna]

Voilà x)

Remarquez, avec un fond noir il n'y a plus de problèmes xD
Mais j'aimerais quand même bien trouver d'où vient le problème >.<

[Convivialite]

effectivement , il n'y a rien

refais le tuto pas a pas , ça vient d'une toute petite erreur quelque part

car il fonctionne chez ceux qui l'ont fait , alors il n'y a pas de raison que ça ne marche pas chez toi

[Juna]

Je crois que j'ai trouvé !! *grand moment d'émotion*

En fait, l'espace pour mettre les codes du tutoriel n'était pas en html =.=

Merci beaucoup pour votre aide en tout cas, c'est vraiment très gentil =D

Problème résolu donc ^^

[Convivialite]

Effectivement , j'ai un fond en 1024

n'oublie pas de rajouter dans ton css ce qu'il faut pour le centrer

Code:


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

Contente d'avoir pu t'aider