header qui prend toute la largeur de l'écran

[Hope_Hell]

Bonjour à toute la Communauté, (je relance mon message)

mon problème est très simple : après avoir lu pas mal de sujets postés, je n'ai toujours pas trouvé de solution.
Je voudrais placer une bannière/Header eu dessous de ma barre de navigation et qui prenne toute la largeur de l'écran sans déformer/Agrandir le corps de mon forum, ni bien sûr déformer ma barre de navigation.
Avez-vous une astuce à me donner ?

Un grand merci par avance pour votre aide

[Invité]

Hello Hope_Hell,

Dans le template overall_header:
Affichage/Templates/Général/ overall_header

Recherches cette ligne (268 environ):

Code:


<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                    <tr>
                        <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                    </tr>
                </table>


Juste après déposes ceci:

Code:


<div class="M14_banniere"><img src="LE LIEN DE L IMAGE"/></div>


Remplaces " LE LIEN DE L IMAGE" par l'image que tu souhaites.


Penses à enregistrer puis à valider en cliquant respectivement sur puis

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:

Code:


.M14_banniere
{
position: absolute;
margin-top: 20px;/*on decale de 20 px de la barre de navigation*/
width: 100%;
left: 0px;
right: 0px;
background: black; /*couleur de fond*/
text-align:center;/*on centre l image*/
}

/* on decale de la meme hauteur que l image*/
#page-body{margin-top: xxx px;}





Ici:

Code:


/* on decale de la meme hauteur que l image*/
#page-body{margin-top: xxx px;}


Penses à cliquer sur le bouton

Remplaces xxx px par la hauteur de l'image .
Si l'image à une hauteur de 200px
Le style sera alors:

Code:

#page-body{margin-top: 200px;}

a++

[Hope_Hell]

Merci beaucoup pour votre aide