Bannière en image de fond

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

Résolu Bannière en image de fond

Message par frangegars le Lun 10 Sep - 14: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 !

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 le Mar 11 Sep - 9:52

Bonjour,

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

Cordialement.
avatar

Tech
Modéractif
Modéractif

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

http://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 le Mar 11 Sep - 12:52

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

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 le Mar 11 Sep - 12:55

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

Cordialement.
avatar

Tech
Modéractif
Modéractif

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

http://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 le Mar 11 Sep - 12:56

Voici le lien (:

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 le Mar 11 Sep - 13:18

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

Cordialement.
avatar

Tech
Modéractif
Modéractif

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

http://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 le Mar 11 Sep - 13: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.

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 le Mar 11 Sep - 13:45

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

Cordialement.
avatar

Tech
Modéractif
Modéractif

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

http://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 le Mar 11 Sep - 13: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%;
}

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 le Mar 11 Sep - 14:00

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

Cordialement.
avatar

Tech
Modéractif
Modéractif

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

http://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 le Mar 11 Sep - 14: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:

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 le Mar 11 Sep - 14: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
avatar

Pinguino
Adminactif
Adminactif

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

http://www.forumactif.com
Pinguino a été remercié(e) par l'auteur de ce sujet.

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

Message par Tech le Mar 11 Sep - 14: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.
avatar

Tech
Modéractif
Modéractif

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

http://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 le Mar 11 Sep - 14:15

Génial ! Merci beaucoup !

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

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 le Mar 11 Sep - 14:16

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

Cordialement.
avatar

Tech
Modéractif
Modéractif

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

http://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 le Mar 11 Sep - 14: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

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 le Mar 11 Sep - 14: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.
avatar

Tech
Modéractif
Modéractif

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

http://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 le Mar 11 Sep - 15:34

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

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 le Mar 11 Sep - 15:38

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

Cordialement.
avatar

Tech
Modéractif
Modéractif

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

http://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 le Mar 11 Sep - 15:40

Parfait ! Merci énormément pour tout !

Bonne soirée, meilleures salutations (:

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


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