Bannière en image de fond

3 participants

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

Résolu Bannière en image de fond

Message par frangegars Lun 10 Sep 2012 - 16:02

Bonjour ! J'ai suivi le tutoriel présent sur le forum pour pouvoir placer une bannière (Header) en image de fond sur toute la largeur. Mon problème est le suivant : tout fonctionne, seulement la bannière n'utilise pas toute la longueur, elle est légèrement plus sur la gauche (il y a donc un espace à droite). J'ai pourtant correctement suivi le tutoriel et j'ai même utilisé l'image donnée en exemple.

Merci d'avance !
avatar

frangegars
*

Messages : 32
Inscrit(e) le : 25/02/2012

http://loading-rpg.forumactif.org/forum?tt=1
frangegars a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Bannière en image de fond

Message par Tech Mar 11 Sep 2012 - 11:52

Bonjour,

Sur le forum renseigné dans votre profil, je ne vois pas la bannière placé comme image de fond.

Cordialement.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

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

Résolu Re: Bannière en image de fond

Message par frangegars Mar 11 Sep 2012 - 14:52

Ha non, car c'est pour un autre forum !
avatar

frangegars
*

Messages : 32
Inscrit(e) le : 25/02/2012

http://loading-rpg.forumactif.org/forum?tt=1
frangegars a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière en image de fond

Message par Tech Mar 11 Sep 2012 - 14:55

Dans ce cas, je veux bien le forum en question Wink

Cordialement.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

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

Résolu Re: Bannière en image de fond

Message par frangegars Mar 11 Sep 2012 - 14:56

Voici le lien (:
avatar

frangegars
*

Messages : 32
Inscrit(e) le : 25/02/2012

http://loading-rpg.forumactif.org/forum?tt=1
frangegars a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière en image de fond

Message par Tech Mar 11 Sep 2012 - 15:18

Je n'ai pas de problème de mon côté, pouvez-vous faire une capture d'écran ?

Cordialement.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

https://forum.forumactif.com/
Tech a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Bannière en image de fond

Message par frangegars Mar 11 Sep 2012 - 15:22

Voilà la capture d'écran :
Spoiler:
L'image est décalée sur la droite, on peux d'ailleurs voir qu'il y a une scroll barre horizontale qui se met automatiquement en bas.
avatar

frangegars
*

Messages : 32
Inscrit(e) le : 25/02/2012

http://loading-rpg.forumactif.org/forum?tt=1
frangegars a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière en image de fond

Message par Tech Mar 11 Sep 2012 - 15:45

Dans votre CSS, rajoutez cette ligne : background-position: center top; à l'élément body

Cordialement.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

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

Résolu Re: Bannière en image de fond

Message par frangegars Mar 11 Sep 2012 - 15:49

Merci, mais en voulant modifier le CSS, j'ai remarqué qu'il manquait le point avant le "body", je l'ai donc ajouté et désormais le header est centré, mais il se répète. Voici pourtant mon code :
Code:
.body {
background-repeat: no-repeat;
width: 100%;
}
avatar

frangegars
*

Messages : 32
Inscrit(e) le : 25/02/2012

http://loading-rpg.forumactif.org/forum?tt=1
frangegars a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière en image de fond

Message par Tech Mar 11 Sep 2012 - 16:00

Supprimez cette partie et mettez ceci à la place (sans .) :
Code:
body {
background-repeat: no-repeat;
width: 100%;
background-position: top center;
}

Cordialement.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

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

Résolu Re: Bannière en image de fond

Message par frangegars Mar 11 Sep 2012 - 16:04

Cette fois la bannière est centrée, mais elle ne prend pas toute la longueur du forum. De plus, la scroll barre d'en bas est "réapparue". Voici la capture d'écran :
Spoiler:
avatar

frangegars
*

Messages : 32
Inscrit(e) le : 25/02/2012

http://loading-rpg.forumactif.org/forum?tt=1
frangegars a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Bannière en image de fond

Message par Pinguino Mar 11 Sep 2012 - 16:07

Bonjour


C'est votre barre de navigation en haut du forum qui pose problème et fait apparaitre la scrollbar en bas du forum

Cordialement,
Smile
Pinguino

Pinguino
Adminactif
Adminactif

Masculin
Messages : 13963
Inscrit(e) le : 02/05/2004

Pinguino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière en image de fond

Message par Tech Mar 11 Sep 2012 - 16:11

Pour la scrollbar, voici le code :
Code:
body {
background-repeat: no-repeat;
width: 100%;
background-position: top center;
overflow-x: hidden;
}

Pour votre bannière, elle est trop petite, voilà le problème.

Cordialement.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

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

Résolu Re: Bannière en image de fond

Message par frangegars Mar 11 Sep 2012 - 16:15

Génial ! Merci beaucoup !

Mais alors pour la barre de navigation, comment faire pour qu'elle ne dépasse pas à droite ?
avatar

frangegars
*

Messages : 32
Inscrit(e) le : 25/02/2012

http://loading-rpg.forumactif.org/forum?tt=1
frangegars a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière en image de fond

Message par Tech Mar 11 Sep 2012 - 16:16

Dans votre class .navig, changez le 100% par 98% à width.

Cordialement.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

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

Résolu Re: Bannière en image de fond

Message par frangegars Mar 11 Sep 2012 - 16:20

Merci mille fois !!

Décidément, parfois les problèmes ont des solutions toutes simples. Mais difficile pour moi de les trouver x) !

Je ne voudrais pas abuser, mais je ne sais également pas comment faire pour que le background du titre de ma catégorie prennent toute la longueur. Il y a un petit espace blanc sur la droite qui me donne du fil à retordre. Serait-ce possible de m'expliquer ceci ? (promis, ce sera ma dernière requête) Very Happy
avatar

frangegars
*

Messages : 32
Inscrit(e) le : 25/02/2012

http://loading-rpg.forumactif.org/forum?tt=1
frangegars a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière en image de fond

Message par Tech Mar 11 Sep 2012 - 16:30

Dans votre template index_box, cherchez ceci :
Code:
<th width="100%" nowrap="nowrap" class="secondarytitle" colspan="2">
et remplacez le par :
Code:
<th width="100%" nowrap="nowrap" class="secondarytitle" colspan="5">

Cordialement.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

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

Résolu Re: Bannière en image de fond

Message par frangegars Mar 11 Sep 2012 - 17:34

Je n'ai que ce code là :
Code:
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">
avatar

frangegars
*

Messages : 32
Inscrit(e) le : 25/02/2012

http://loading-rpg.forumactif.org/forum?tt=1
frangegars a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière en image de fond

Message par Tech Mar 11 Sep 2012 - 17:38

Retirez ça {catrow.tablehead.INC_SPAN} et mettez 5.

Cordialement.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

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

Résolu Re: Bannière en image de fond

Message par frangegars Mar 11 Sep 2012 - 17:40

Parfait ! Merci énormément pour tout !

Bonne soirée, meilleures salutations (:
avatar

frangegars
*

Messages : 32
Inscrit(e) le : 25/02/2012

http://loading-rpg.forumactif.org/forum?tt=1
frangegars 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