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

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 2012 - 11:52

Bonjour,

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

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20900
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 2012 - 14: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 2012 - 14:55

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

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20900
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 2012 - 14: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 2012 - 15:18

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

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20900
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 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.

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 2012 - 15:45

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

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20900
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 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%;
}

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



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20900
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 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:

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

Masculin
Messages : 10213
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 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.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20900
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 2012 - 16: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 2012 - 16:16

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

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20900
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 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

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



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20900
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 2012 - 17: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 2012 - 17:38

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

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 20900
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 2012 - 17: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