Bordures / bandes blanches au-dessus et au-dessous de mon image de fond de page / background

2 participants

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

Résolu Bordures / bandes blanches au-dessus et au-dessous de mon image de fond de page / background

Message par Aigrefin Dim 10 Mar 2019 - 19:21

Détails techniques


Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome, Internet Explorer
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 10/03/2019
Lien du forum : http://last-exodus.forumactif.com/

Description du problème

Bonjour,

Je souhaiterais supprimer les deux bordures / bandes blanches qui se trouvent au-dessus et au-dessous de mon image de fond de page / background. Lorsque je teste de voir d'où elles proviennent avec l'Inspecteur d'élément de Chrome, il me dit juste que ça provient de :

Bordures / bandes blanches au-dessus et au-dessous de mon image de fond de page / background 1552241811-probleme2

Mais où que j'aille dans les liens déroulés, rien ne semble correspondre (les bandes, ou même l'image de background, ne sont jamais surlignées).

Voici le code css que j'applique :

Code:
/*--------------------------BDN-------------------------------------*/
#headerbar-top.is-sticky a.mainmenu
{color:#9b9b9b;}
#headerbar-top.is-sticky a.mainmenu:hover{color:#9f912a;}
.is-sticky#headerbar-top{background-color:#000;
background-image:url(https://image.noelshack.com/fichiers/2019/10/7/1552219764-metro-exodus-logo2.jpg);
background-repeat:no-repeat;
border-bottom:1px solid #9f912a;
box-shadow:0 0 15px #9f912a;}
.navbar a{
color:#000;
font-size: 14px;
text-transform: uppercase;
font-family: "Open Sans Condensed", Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;}
.navbar a:hover{background-color:#000;
color:#9f912a;}
.navbar img{display:none;}
/*----------------COULEURS FOND DE PAGE PIED DE PAGE----------------*/
.statistics{background-color:#25231d;}
.statistics strong{color:#fff;
font-size:22px;
padding-left:2px;}
page-footer{background-color:#635e4f;}
/*---------------------OMBRE FORUM MESSAGE--------------------------*/
.topiclist,.block,.module,.post,#picture_legend{box-shadow:0px 2px 5px #000;}
/*--------------------------BANNIERE--------------------------------*/
div.headerbar {background-image:url(https://image.noelshack.com/fichiers/2019/10/7/1552217150-banniere.jpg);
background-size:52%;
background-position:top center;
/*background-attachment: fixed;*/
min-height:540px;
border-bottom:8px solid #25231d;}
/*---------------------TAILLE ICONE SUJET---------------------------*/
#picture_legend img, #privmsgs-menu img{height:30px;
width:30px;}
dl.icon, ul.forums li.row dl {background-size: 40px 40px!important;}
/*--------------------COULEUR TITRE FORUM---------------------------*/
a.forumtitle{color:#9F912A !important;}
/*----------------------BORDURE MESSAGE-----------------------------*/
.post-head{border-color:#9f912a;
border-width:0 0 2px;}

body{
  background-position: 0 540px;
  background-image: url(https://image.noelshack.com/fichiers/2019/10/7/1552225279-projet-fusion-fini.jpg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: bottom center;
  background-attachment: fixed;
  background-repeat: repeat-x;

 
}

J'arrive à me débarrasser de la bande blanche du haut en fixant l'image, par exemple, mais la bande du bas, elle, je ne sais que faire. Elle grignote également une partie du bas de l'image, par ailleurs.

Et si jamais cela pouvait aider, voilà le thème utilisé :

http://fr.hitskin.com/rechercher-un-theme/call-of-duty-wwii/214033


Merci d'avance.
Aigrefin

Aigrefin
Nouveau membre

Messages : 15
Inscrit(e) le : 31/08/2016

https://www.last-exodus.forumactif.com
Aigrefin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures / bandes blanches au-dessus et au-dessous de mon image de fond de page / background

Message par *Splash* Dim 10 Mar 2019 - 19:33

Hi,
tu peux tenter ce code CSS pour ton image de background-body :
Code:
/* image de fond et et largeur du forum */
body, html {
  background-color: #000000;
}
body {
  background-image: url("url image");     
  background-attachment: fixed !important;   
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: top;
}
div.conteneur_minwidth_IE,
div.conteneur_layout_IE,
div.conteneur_container_IE,
div#page-body {
  width: 83%; /* valeur à modifier */
  margin: 0 auto;
}
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures / bandes blanches au-dessus et au-dessous de mon image de fond de page / background

Message par Aigrefin Dim 10 Mar 2019 - 19:39

Hello,

Merci pour ta réponse rapide. J'ai mis le code tu que tu m'as donné. La bordure blanche supérieure a bien disparu, mais reste toujours celle du bas (qui est désormais devenue noire):

https://gyazo.com/635c8f102f1a4e174699ac7ef9e1774e
Aigrefin

Aigrefin
Nouveau membre

Messages : 15
Inscrit(e) le : 31/08/2016

https://www.last-exodus.forumactif.com
Aigrefin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures / bandes blanches au-dessus et au-dessous de mon image de fond de page / background

Message par *Splash* Dim 10 Mar 2019 - 19:52

Rajoute ce code CSS :
Code:
#wrap,html,.statistics,#page-footer{background:transparent !important;}
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures / bandes blanches au-dessus et au-dessous de mon image de fond de page / background

Message par Aigrefin Dim 10 Mar 2019 - 19:59

Re,

J'avais déjà utilisé ce code, et, for some reason, ça me faisait disparaître l'image de bannière (ou logo, je confonds toujours). Bref, celle du haut.

Mais avec le code body que tu m'as donné juste avant, ça fonctionne (me demande bien ce qui change).

Anyway, merci beaucoup ! Smile
Aigrefin

Aigrefin
Nouveau membre

Messages : 15
Inscrit(e) le : 31/08/2016

https://www.last-exodus.forumactif.com
Aigrefin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures / bandes blanches au-dessus et au-dessous de mon image de fond de page / background

Message par *Splash* Dim 10 Mar 2019 - 20:01

Au plaisir
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* 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