#. Concordance Bannière-Largeur du Forum

[Snow_White]

Bien le Bonjour, =).


Alors, je suis entrain de créer un Forum, et je me demandais s'il y avait éventuellement possibilité de désactiver cette concordance entre la largeur de la bannière et celle du Forum. Je m'explique; j'aimerais une Bannière avec une largeur plutôt conséquente, tout en gardant une largeur de forum Inférieure. J'ai d'ores-et-déjà essayé la Bannière en Fond, mais plusieurs personnes - Munies d'ordinateurs portables - rencontraient des problèmes quant à sa visualisation; alors que cela collait sur mon PC, la largeur de l'image de fond n'était pas bonne, et elle se centrait différemment en fonction des ordinateurs.


Alors, un peu d'aide ne serait pas de refus, é_é.

[Anzu]

Bonjour, Afin de garder une lisibilité des messages, l'utilisation des mises en forme suivantes sont interdites: - Le gras et la couleur (réservés à l'équipe modérative de ce forum) - L'écriture en SMS (à bannir). Pour plus de détails sur la conduite à tenir sur le support, merci de lire la Charte de ce forum. A bientôt sur ForumActif

Bonsoir,

C'est possible d'avoir un aperçu de ce que vous aviez testé ?
Et votre feuille CSS ^^

Cordialement.

[Snow_White]

Alors, voici le résultat chez moi avec Bannière en Fond;

Spoiler:

Celui chez un membre muni d'un PC portable;

Spoiler:

Puis finalement l'actuel avec Bannière en Logo, classique;

Spoiler:

&& Voici la feuille CSS;

Code:

body {
background-repeat: no-repeat;
}

.forumline{
border: 3px #ccc785
double;
}

body { cursor: crosshair }
a:hover { cursor:ne-resize; }

u{border-bottom: 2px solid;border-color:#B0ADA0;text-decoration: none;
-moz-border-radius:3px;}

I{border-bottom:none; color:#000000;text-decoration: none
}

a:hover {
text-decoration: none ; color: black ; border-bottom: 1px dotted #B0ADA0;
}

a.mainmenu:link, a.mainmenu:visited{
margin-left : 6px;
margin-right : 6px;
font-family :Georgia;
color: #000000;
background-color: #967373;
text-align:left;
border-left: 6px solid #876767;
border-right: 9px solid #967373 ;}

a.mainmenu:hover, a.mainmenu:hover:visited{
color: #908789;
border-left: 6px solid #ccbcbc;
border-right: 9px solid #967373;}

.bodylinewidth {
width:60%}

a img {
border: none;
}

a.mainmenu{
 text-decoration: none;
 color : #000000;
}
a.mainmenu:hover{
 text-decoration: none;
 color : #B0ADA0;
 }

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a:hover{text-transform:uppercase;}

.quote{
font-family: Tahoma;
font-size: 12px;
color: #000000;
line-height: 125%;
background-color: #636060;
border: #cfcdce;
border-style: solid;
border: 1px #636060
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #000000;
background-color: #636060;
border: #636060;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #636060
dotted;
-moz-border-radius:6px;}

.forumline{
background-color: #000000;
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 6px #000000 solid;
border-top: 1px #000000 dotted;
border-right: 1px #000000 dotted;
border-left: 1px #000000 dotted;}


a {font-variant: small-caps;}


.postdetails.poster-profile a img {
margin: auto;
display: block;
margin-bottom: -10px;
}

a.forumlink:link, a.forumlink:visited {
font-family:  serif;
background-color: #000000;
text-transform : uppercase;
font-size: 100%;
border-bottom: 1px solid #590823; solid

color: #000000;
text-align: center;
border-left: 6px solid #6F4D4D;
border-right: 6px solid #6F4D4D;
letter-spacing: 3px;
display: block;
}

a.forumlink:hover, a.forumlink:hover:visited{
background-color: #3b3b3b;
border-bottom: 1px solid #590823; solid;
text-align: center;
border-left: 6px solid #6F4D4D;
border-right: 6px solid #6F4D4D;
display: block;
}


.secondarytitle,.secondarytitle h2 { /*Titre des catÃgories*/
font-style : oblique;
}

input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}

tr.post span.gensmall { display: none; }

Merci d'avance de votre aide x].

[Threax]

Bonsoir,

Si votre membre voit le fond non-centré, c'est tout simplement parce que rien dans votre code CSS n'indique au fond d'être centré

A la première ligne de votre CSS :

Code:

body {
background-repeat: no-repeat;
}

Remplacez par :

Code:

body {
background-repeat: no-repeat;
background-position: top center;
}

Ça devrait régler le problème.

[Snow_White]

Suis-je bête, u_u'.

Merci beaucoup, Problème résolu !