Problème avec l'image de fond du footer

[Minimape]

Bonjour,


J'ai un petit souci avec mon forum.
Premièrement, j'ai trouvé un code pour mettre une image de fond dans mon footer. Celui-ci marche à la perfection, le fond est bel et bien là, mais le problème est que le texte ne se superpose pas dessus comme si c'était un fond mais remonte au-dessus de l'image.

Voici le code :

Code:

#page-footer
{
background-image: url(http://i38.servimg.com/u/f38/19/12/10/07/panda_11.png);
background-repeat: no-repeat;
background-position: bottom left;
  width: 723;
height: 300px;
  margin: 0px -10px -10px -10px;
}


Ensuite, j'aimerais faire en sorte que la bannière de mon forum soit une bande de la largeur de la page fixée au haut de la page. Du coup, il ne faudrait pas qu'elle soit contenue dans le tableau du forum, mais qu'elle soit par-dessus.
Comment puis-je faire ?

L'adresse du forum sur lequel vous pourrez voir ces quelques problèmes :

Un immense merci en attendant vos réponses !

[Invité]

bonsoir
votre image et bien plus grande que le footer en question
voyer plutôt
la taille réel du footer

Spoiler:

il faut soit choisir une image adapté ,soit modifier la taille du footer

pour la banniere , je regarde , si d'autre ont es idées

[Minimape]

Bonjour et merci pour la réponse!

Je pensais que la taille de l'image n'avait aucun impact vu qu'elle est contenu dans le tableau. Elle ne dépasse pas...
Enfin, si le problème vient de là à votre avis, je vais la modifier en rognant un peu les parties blanches. A partir de là, comment la mettre en fond ?

EDIT : Voila, j'ai rogné mon image, elle fait 655px de largeur, le forum en fait 700, donc ça devrait être bon!

EDIT² : Dans mon panneau de configuration, la largeur du forum est à 700px mais en vérité il est plus grand. Comment ce fait-ce ?

:youopi:

[Minimape]

Bonjour,

n'ayant toujours pas trouvé de solution, je me permets de remonter le sujet.

Bonne journée!

[Invité]

bonjour Minimape la largeur et bonne , c'est la hauteur qui pose problème

ton footer fait 655 de large x 34 de hauteur alors que ton image en fait plus de 300 de hauteur


pour ta bannière , a tu une image en place a cette endroit
>panneau admin
>affichage
>gestion des images
>mode avancé
>général/navigation = logo du forum !!!
si c'est non , tu peut essayer de mettre une image de environ 900 px de large par environ 400 px de hauteur pour essais ..

[Minimape]

Bonsoir,

merci pour votre réponse!

En effet, vous avez peut-être raison, vu que le texte se superpose sur l'image sur le haut. N'y a-t-il aucun moyen de faire en sorte que même les forums passent par-dessus ?

Concernant la bannière, je vais essayer.

Merci!

[Minimape]

Bonsoir,

j'ai trouvé ce qui n'allait pas avec mon footer. J'aurais du être + précis, mais en vérité je voulais que mon QEEL soit par-dessus l'image également. Vous n'aviez peut-être pas compris cela.
J'ai trouvé la solution : j'ai déplacé le code du QEEL dans le template du footer. Du coup, ça ressemble à peu près à ce que je voulais. A peu près, oui, car j'ai encore un souci.

Je me rend compte qu'en réglant le margin du footer pour que le fond soit bien fixé en bas à gauche, tout le contenu du footer se fixe en bas à gauche, dont ma petite barre de navigation (contact et crédits).

Voici ce que ça donne :


Et le code :

Code:

#page-footer
{
background-image: url(http://i38.servimg.com/u/f38/19/12/10/07/panda_12.png);
background-repeat: no-repeat;
margin: 0px -10px -10px -10px
width: 730px;
height: 300px;
}

Comment puis-je faire pour fixer le fond mais laisser le contenu texte centré ?

Merci!

[Invité]

bonsoir
dans votre css
pour cette barre marron
essayer ceci

Code:

#navcontainer {
background-color: #B5854B;
border-bottom: solid 1px #fff;
border-top: solid 1px #fff;
margin-right:0; /*marge droite*/
margin-left:0;  /*marge gauche*/

}

pour l'ecriture ce cette barre
essayer ceci

Code:

#navcontainer ul {
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;  /*largeur compléte des écrits */
margin-right: 0;    /*marge droite*/
margin-left:0;    /*marge gauche*/
padding-bottom: 5px; /*bas*/
padding-top: 5px;    /*haut*/
text-align: center; /*ou right ou left*/
}

essayer de joué avec les marges ..

[Minimape]

Merci, ça fonctionne !

[Invité]

ce rien , c'est avec plaisir , n'oublier pas le résolu , pour être classé comme tel

[Chacha]

..	Bonjour et Bienvenue sur le Forum des Forums ForumActif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : mail de fondation - Ce qu'il ne faut pas faire Questions/Réponses fréquentes - Listing Trucs et astuces - Listing La fonction Rechercher La FAQ de ForumActif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse

..	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 A bientôt sur ForumActif