Problème chargement du background et footer

[LuciDreams]

Bonjour,

- l'URL du forum, si nécessaire : www.lucidreams.fra.co
- la version de votre forum : La dernière il me semble ? (Invision)
- votre statut sur le forum : Fondateur
- si vous avez modifié des templates : Oui : http://demo.nicetheme.com/forum?theme_id=140307

Description du problème
Alors voila, le background du forum s'affiche correctement, mais lorsque l'on change d'onglet (je suis sous firefox) et que l'on revient sur le forum, le fond est unicolore (couleur choisie dans le panel) puis affiche le background 1 seconde après.. C'est assez désagréable puisque le cadre du forum est géré par le background.. Secondo, j'en profite de faire un seul post si quelqu'un sait. je n'arrive pas à afficher d'image dans mon footer (pied de page) par le css (invision) :

Voila ma feuille de style css :

Code:

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



page-footer
        {
        background-image: url(http://i44.servimg.com/u/f44/17/24/51/67/footer10.png);
        background-repeat: no-repeat;
        background-position: top center;
        width: 736;
        height: 41;
       
        }

Je remercie l'équipe de Forumactif et ceux qui m'aideront à arranger ceci

[SoraNoHime]

Bonjour

essayez de vider votre cache navigateur . Cela peut venir de là.

Cordialement.

[LuciDreams]

Ça m'a l'air bon Dois-je refaire un sujet pour l'histoire du footer ?

[SoraNoHime]

Rajoutez un . devant page_footer dans votre css ^^

[LuciDreams]

Ah .. et non ni avec un point ni avec #
Est-ce parce que c'est un invision ?

[SoraNoHime]

Il se peut que le tag ne soit pas bon effectivement. Puis-je avoir une précision sur l'endroit ou doit s'afficher l'image. A quel endroit exact de votre bas de forum ?

[LuciDreams]

Tout à la fin en dessous du lien vers le panel d'admin si possible, sinon, au dessus des liens forumactif

[SoraNoHime]

Essayez ainsi :

Code:

#page-footer        {
        background-image: url(http://i44.servimg.com/u/f44/17/24/51/67/footer10.png);
        background-repeat: no-repeat;
        background-position: top center;
        width: 736px;
        height: 41px;
              }

[LuciDreams]

Non plus désolé :/ Cela viendrait-il du thème qui le refuse ? Ou alors du préfixe page-footer ? En rentrant des cours je regarderai ce que je peux faire avec firebug

[LuciDreams]

Pas d'idée ?

[SoraNoHime]

Code:

.navbar        {
        background-image: url(http://i44.servimg.com/u/f44/17/24/51/67/footer10.png);
        background-repeat: no-repeat;
        background-position: top center;
        width: 736px;
        height: 41px;
              }

peut etre ceci alors ?

[LuciDreams]

Presque ! :p



j'ai surligné pour bien voir que l'image s'est mise derrière les liens. (j'ai peut être un solution pour ça, qui est d'agrandir l'image sur le haut en transparence)

Mais ^^ Navbar : menu aussi :/



Merci en tout cas de vous acharner sur mon cas ^^

[SoraNoHime]

Aie --'. Bon j'avoue je ne suis pas très experte en codes invision. Mais je ne désespère pas ^^.

Essayons ceci :

Code:

#page-footer div      {
        background-image: url(http://i44.servimg.com/u/f44/17/24/51/67/footer10.png);
        background-repeat: no-repeat;
        background-position: top center;
        width: 736px;
        height: 41px;
              }

[LuciDreams]

Au progrès ! L'image s'affiche bien plus que dans le pied de page. Mais toujours un peu trop haute derrière les liens forumactifs. Comment la descendre ?

[SoraNoHime]

Ajoutez les parties en rouge dans le code précédent :

#page-footer div {
background-image: url(https://i.servimg.com/u/f44/17/24/51/67/footer10.png);
background-repeat: no-repeat;
background-position: top center;
width: 736px;
height: 41px;
background-position:0px 100px;
}

le 0px correspond au décalage par la gauche, le 100px à celui par le haut. Réglez selon votre convenance ^^

[LuciDreams]

Ca descend bien MAIS ^^ Le footer semble en dessous d'un autre bloc ce qui fait que l'image se coupe sur le bas. De plus, elle est comme dédoublée sur la gauche. Une idée ? ^^

[SoraNoHime]

#page-footer div {
background-image: url(https://i.servimg.com/u/f44/17/24/51/67/footer10.png);
background-repeat: no-repeat;
background-position: top center;
width: 736px;
height: 41px;
background-position:0px 100px;
z-index : 99;
}

et avec la partie en rouge de plus ?

[LuciDreams]

Non, aucun changement visible...

Mais bon, j'ai refait une autre image plus courte, et c'est pas mal comme ça aussi
Merci beaucoup