Centrer l'image de fond

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Centrer l'image de fond

Message par Juna Ven 22 Oct 2010 - 12:03

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 ! ^^


Dernière édition par Juna le Ven 22 Oct 2010 - 16:05, édité 1 fois
Juna

Juna
**

Féminin
Messages : 88
Inscrit(e) le : 06/05/2006

https://testrynn.forumactif.com/
Juna a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer l'image de fond

Message par Convivialite Ven 22 Oct 2010 - 12:22

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
Convivialite

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer l'image de fond

Message par Juna Ven 22 Oct 2010 - 14:53

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.

Centrer l'image de fond 211

Centrer l'image de fond 114

Centrer l'image de fond 310

Merci d'avance pour votre aide ^^
Juna

Juna
**

Féminin
Messages : 88
Inscrit(e) le : 06/05/2006

https://testrynn.forumactif.com/
Juna a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer l'image de fond

Message par Convivialite Ven 22 Oct 2010 - 15:07

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>
Convivialite

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer l'image de fond

Message par Juna Ven 22 Oct 2010 - 15:14

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 ^^
Juna

Juna
**

Féminin
Messages : 88
Inscrit(e) le : 06/05/2006

https://testrynn.forumactif.com/
Juna a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer l'image de fond

Message par Convivialite Ven 22 Oct 2010 - 15:22

Juna a écrit: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>
Convivialite

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer l'image de fond

Message par Juna Ven 22 Oct 2010 - 15:24

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 ?
Juna

Juna
**

Féminin
Messages : 88
Inscrit(e) le : 06/05/2006

https://testrynn.forumactif.com/
Juna a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer l'image de fond

Message par Convivialite Ven 22 Oct 2010 - 15:29

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
Convivialite

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer l'image de fond

Message par Juna Ven 22 Oct 2010 - 15:41

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
Juna

Juna
**

Féminin
Messages : 88
Inscrit(e) le : 06/05/2006

https://testrynn.forumactif.com/
Juna a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer l'image de fond

Message par Convivialite Ven 22 Oct 2010 - 15:45

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

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer l'image de fond

Message par Juna Ven 22 Oct 2010 - 15:46

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

Juna
**

Féminin
Messages : 88
Inscrit(e) le : 06/05/2006

https://testrynn.forumactif.com/
Juna a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer l'image de fond

Message par Convivialite Ven 22 Oct 2010 - 15:50

supprime la
et laisse bien ton script dans description du site

je regarde sur ton forum
Convivialite

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer l'image de fond

Message par Juna Ven 22 Oct 2010 - 15:53

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 >.<
Juna

Juna
**

Féminin
Messages : 88
Inscrit(e) le : 06/05/2006

https://testrynn.forumactif.com/
Juna a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer l'image de fond

Message par Convivialite Ven 22 Oct 2010 - 15:56

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
Convivialite

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer l'image de fond

Message par Juna Ven 22 Oct 2010 - 16:05

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 ^^
Juna

Juna
**

Féminin
Messages : 88
Inscrit(e) le : 06/05/2006

https://testrynn.forumactif.com/
Juna a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer l'image de fond

Message par Convivialite Ven 22 Oct 2010 - 16:16

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 victoire
Convivialite

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum