Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

background qui ne s'affiche que partiellement

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

Résolu background qui ne s'affiche que partiellement

Message par gaspar le Lun 27 Jan 2020 - 20:35

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Voir l'image:
background qui ne s'affiche que partiellement IGuvWE8

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : j'en sais rien
Lien du forum : http://ddaynormandy.forumactif.com

Description du problème

Bonjour à tous,
J'ai un fond d'écran qui n'apparait que partiellement sur mon forum avec firefox...
Je ne comprend pas du tout comment cela se fait... donc comme vous pouvez le voir sur mon screenshot, on le voit partiellement former une ligne sur le haut du forum...

Voici mon css au cas ou :
Code:
img{   border: none;
}

/* En rapport avec les liens

a:link{color:#105289;}
a:link {text-decoration: none !important}
a:visited {text-decoration: none !important}
a {text-decoration:none;}
a:hover { color:#d31141;}
a:hover {text-decoration: none !important}
a:visited, a:active { color:#105289;}
a:visited:hover {color : #d31141; } */




/* Les titres des forum et catégories */

/*#titresforum{
color : #074A2E;
text-shadow : 0px 0px 16px #9E2121;
}
#cattitle {
color : #074A2E;
text-shadow : 0px 0px 16px #9E2121;
}
Image_fond_cellules

ul.forums, .dynamicpanel.qwebirc-qui.middleboundpanel.lines.ircwindow {
  background-repeat: repeat;
  background-image: url('https://i.servimg.com/u/f64/11/14/34/43/sans_t61.gif');
}*/


/*Modifie le fond du menu (à gauche)

*/
#search-box, .headerbar, a.mainmenu[href="/"],
a.mainmenu[href="/forum"],
a.mainmenu[href="/faq"],
a.mainmenu[href="/groups"] {
  display : none; !important
}
#search_menu{
  background-image: url('https://i.servimg.com/u/f58/11/14/34/43/bgrd10.png');
  background-repeat: repeat;
  left: -120px !important;
  margin-left: 50%;
  top: 30px !important;
  border-width: 0px;
  text-shadow : 2px 4px 8px #000000;
  box-shadow: 2px 4px 8px #000;
  border-radius:10px;
  width: auto !important;
    }
.content{
font-size: 0.9em;
}
p{font-size: 0.9em;}
.conteneur_minwidth_IE{
  top: 170px;
  left:0px;
  position:absolute;
  width:100%;
/*  height:100%;*/
}
#wrap {
    border: solid;
    border-color: #007168;
    border-top: none;
    border-width: 2px;
    box-shadow: 0 0 5px #007168;
    height: 100%;
    padding: 0;
    top: 0;
    background-image: url('https://i.servimg.com/u/f58/11/14/34/43/bgrd210.png');
  background-attachment: fixed;
  background-color:#1a4642;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}
IMG[src="https://i.servimg.com/u/f38/13/78/04/74/rtgery10.png"] {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-color: #007168;
  border: solid;
  border-width: 2px;
  border-bottom-width: 0px;
  box-shadow:  0px -7px 7px #007168;
  position: absolute;
  margin-top:0px;
  left: 50%;
  top: -163px;
  margin-left: -400px;
  z-index: 7;
}
IMG[src="https://i.servimg.com/u/f58/11/14/34/43/logo10.png"]{
    z-index: 999;
    position: absolute;
    left: 50%;
    margin-left: 260px;
    top: -142px;
}
#page-header .navbar {
    background-color: rgba(0,51,47,0.85);
    margin-top: 0;
    border-top-left-radius: 31px;
    border-top-right-radius: 31px;
}
#page-footer .navbar, .header, div.module.mod_news div.inner div.h3, .h3 {
    background-color: rgba(0,51,47,0.85);
}
.h3{
  padding:0.5em;
}

a.mainmenu{
  text-shadow : 2px 4px 8px #000000;
}
.module{
  box-shadow:  0px 0px 5px #007168;
  margin: 5px;
  border-width: 2px;
  border: solid;
  border-radius: 5px;
  border-color: rgba(0, 77, 70, 0.85);
  margin-top: 0px;
}
.menunav{
  padding-left:20px;
}
#main {
  z-index : 1;
  border: solid;
  border-width: 2px;  
  border-radius: 10px;
  border-color: rgba(0, 77, 70, 0.85);
  box-shadow:  0px 0px 5px #007168;
}
.forabg .inner{
  box-shadow:  0px 0px -5px #007168;
  margin: 5px;
}

.codebox {
  border-width: 0px;
  box-shadow:  0px 0px 5px #096115;
  background-image:url(https://i.servimg.com/u/f64/11/14/34/43/sans_t61.gif);
  background-repeat: repeat;
  margin:0px;
  padding:0px;
}
dl.codebox{
  border:none;
  padding:0px;

}
 dl.codebox dt {
   background-color: rgba(0, 30, 10, 0.7);
  padding:0px;
  margin-bottom: 0px;
  border-bottom:0px;
}
dl.codebox code{
   background-color: rgba(0, 60, 15, 0.7);
  color: #ededed;
  margin:0px;
}
blockquote {
  border-width: 0px;
  box-shadow:  0px 0px 5px #096115;
  background-image:url(https://i.servimg.com/u/f64/11/14/34/43/sans_t61.gif);
  background-repeat: repeat;
  margin:0px;
  padding:0px;
}
blockquote div{
  box-shadow:  0px 0px 5px #096115;
  background-color: rgba(0, 80, 30, 0.7);
  margin-left:0px;
  padding-left:35px;
  color:#78CFAB;
}
/*Police décriture du forum*/
@font-face {
    font-family: "D Day Stencil";
    src: local('Electrolize'), local('Electrolize-Regular'), url(https://fonts.gstatic.com/s/electrolize/v5/DDy9sgU2U7S4xAwH5thnJ44P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
    font-family: "Electrolize";
    src: local('Electrolize'), local('Electrolize-Regular'), url(https://fonts.gstatic.com/s/electrolize/v5/DDy9sgU2U7S4xAwH5thnJ44P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* script relatif à la tchatbox (qui n'est plus utilisée), et au fond des cellulles

.codebox dt, .codebox dd,
.chatbox_row_1 {
  background-image: url("https://i.servimg.com/u/f34/11/14/34/43/01_bmp10.jpg");
  }
.chatbox_row_2 {
  background-image: url("https://i.servimg.com/u/f34/11/14/34/43/01_bmp10.jpg");
}
body.chatbox {
  background-image: url("https://i.servimg.com/u/f64/11/14/34/43/sans_t45.gif");}

td.row1{
  background-image: url("https://i.servimg.com/u/f64/11/14/34/43/sans_t60.gif");
  opacity: 1;
  border-radius: 6px;}
td.row2{
  background-image: url("https://i.servimg.com/u/f64/11/14/34/43/sans_t61.gif");
  border-radius: 6px;}
td.row3{
  background-image: url("https://i.servimg.com/u/f64/11/14/34/43/sans_t60.gif");
  border-radius: 3px;}
td.row3Right{
  background-image: url("hhttps://i.servimg.com/u/f64/11/14/34/43/sans_t61.gif");
  border-radius: 3px;
  box-shadow:  0px 0px 2px #096115;}
td.row4{
  background-image: url("https://i.servimg.com/u/f64/11/14/34/43/sans_t60.gif");
  border-radius: 3px;
  box-shadow:  0px 0px 2px #096115;}
td.row5{
  background-image: url("https://i.servimg.com/u/f64/11/14/34/43/sans_t61.gif");
  border-radius: 3px;
  box-shadow:  0px 0px 2px #096115;}
.mobile_item {
  background-image: url("https://i.servimg.com/u/f64/11/14/34/43/sans_t61.gif");
  border-radius: 3px;
  box-shadow:  0px 0px 2px #096115;
}

.row {
  background-color: rgba(0, 30, 10, 0.7);
    border-width: 0px;
}
.row.row1 {
  background-color: rgba(0, 80, 30, 0.7);
    border-width: 0px;
}
.row.row2 {
  background-color: rgba(0, 60, 15, 0.7);
    border-width: 0px;
}*/
.row.row1:hover, .row.row2:hover {
   background-color: rgba(0, 75, 60, 0.2);
    border-width: 0px;  
}
li.row:hover{
   background-color: rgba(0, 75, 60, 0.2);
}
/****************************************************************************************************/
/* Modifie le formatage des structures HTML en général */

/* Modifie le fond d'une page

#tableau {
  z-index : 4;
  border: 3px;
  border: solid;
  border-width: 1px;  
  border-radius: 10px;
  border-color: #096115;
  box-shadow:  0px 0px 5px #096115;
}
*/
#tableau2 #tableau #contenu p, div.telechargements table a  {
  color: #99CCCC;
}
/*.ytaccueil{
width:42.515em;
height:22.5em;
  /*width:85.3em;
height:45em;
}*/
    .videocontainer{
      width: 100%;
      height: 0;
      padding-bottom: 56.25%;
      overflow: hidden;
      position: relative;
    }
    .videocontainer.r1{
      padding-bottom: 100%;
    }
    .videocontainer iframe, .videocontainer embed, .videocontainer object{
      width: 100%!important; height: 100%!important;
      position: absolute;
      top: 0; left: 0;
    }
#tableau2 {
  width: 100%;
  float: right;
  right : 3%;
  left : 21%;
  font-size: 1.2em;
  line-height: normal;
  text-indent : 30px;
  color : black;
  text-align:left;
  z-index : 3;
}

/* Ajoute un image dans le coin inférieur gauche de la page */

#contenu {
  background-image:url(https://i.servimg.com/u/f64/11/14/34/43/sans_t57.gif);
  background-repeat: no-repeat;
  background-position:0% 100%;
  line-height: normal;
  padding-left : 50px;
  margin-right : 50px;
  z-index : 5;
  padding-top: 10px;
}
#manualbanner {
  background-image:url(https://i.servimg.com/u/f18/11/14/34/43/12478211.jpg);
  background-repeat: repeat;
  background-position:50% -1%;
  height: 136px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width:100%;
}


.maintitle{
  font-family : Stencil, eXO2 Stencil, D Day Stencil, Allerta Stencil, Impact, Westwood LET, Playbill, Copperplate Gothic Bold;
  color : #074A2E;
  text-shadow : 2px 4px 8px #015C36;
}
#titrespages {
  font-size : xx-large;
  text-decoration : underline;
  text-align : center;
  line-height : normal;
  font-family : Stencil, eXO2 Stencil, D Day Stencil, Allerta Stencil, Impact, Westwood LET, Playbill, Copperplate Gothic Bold;
  color : #42A17E;
  text-shadow : 2px 4px 8px #000000;
}
#titrespagesman {
  font-size : xx-large;
  text-decoration : underline;
  text-align : center;
  vertical-align:-50px;
  line-height : normal;
  font-family : Stencil, eXO2 Stencil, D Day Stencil, Allerta Stencil, Impact, Westwood LET, Playbill, Copperplate Gothic Bold;
  color : #42A17E;
  text-shadow : 0px 0px 3px #000000;
}
#titresparagraphes {
  font-size : x-large;
  text-decoration : underline;
  font-style : italic;
  line-height : normal;
  font-family : Stencil, eXO2 Stencil, D Day Stencil, Allerta Stencil, Impact, Westwood LET, Playbill, Copperplate Gothic Bold;
  color : #b11515;
  text-shadow : 1px 1px 2px #000000;
}

/*Ici, on s'intérresse à toute la mise en page de certaines pages en particulier*/
/*Page des captures décran*/
.screenshot{
  max-width: 100%;
  height: auto;
  display: block;
  margin: auto;
  margin-top: 5px;
}
  /*Page des téléchargements*/
 /* -----------------------*/
/* Mise en page du tableau*/
.telechargements{
  margin-left: 15%;
}
div.telechargements table {
    width: 60% !important;
}
td.dwnldpp {
    font-size: 1em;
    position: relative;
  valign: vertical;
}
td.dwnldpp span {
display: none;
}
td.dwnldpp:hover {
background: none;
z-index: 999;
}
td.dwnldpp:hover span{
display: inline;
  position:absolute;
top: 2.1em;
left: 0.2em;
     background-image:url(https://i.servimg.com/u/f64/11/14/34/43/sans_t61.gif);
  background-repeat: repeat;
  color: #ededed;
  width:30em;
  text-align:left;
    text-shadow : 2px 4px 8px #000000;
}
td.dwnldpp:hover span div.dwnlpopup{
  background-color: rgba(0, 30, 10, 0.7);
  width: 100%;
}

/*#######################################*/
/*#######################################*/

div.mainderoulant {
float: left;
position: relative;
margin-left: 5px;
text-shadow: 2px 4px 8px #000;
}
div.mainderoulant span {
display: none;
}
div.mainderoulant:hover {
background: none;
z-index: 999;
}
div.mainderoulant:hover span{
display: inline;
  position:absolute;
top: 30px;
left: 0px;
  text-shadow : 2px 4px 8px #000000;
     background-image: url('https://i.servimg.com/u/f58/11/14/34/43/bgrd10.png');
  background-repeat: repeat;
    color : #99CCCC;
  text-align:left;
  box-shadow: 2px 4px 8px #000;
  padding:5px;
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
  border-bottom-left-radius:10px;
}
div.mainderoulant:hover span a{
  white-space: nowrap
}
div.mainderoulant:hover span a img {
    width: auto;
    height: 1.8em;
}



/*#######################################*/
/*#######################################*/

.dwnldppR{
  padding-right:3px;
  text-align: right;
}
div.telechargements table{
    border-collapse:collapse;
  border-width: 0px;
  cellpadding: 0px ;
  valign: top;
  box-shadow:  0px 0px 5px #096115;
     background-image:url(https://i.servimg.com/u/f64/11/14/34/43/sans_t61.gif);
  background-repeat: repeat;
  color: #ededed;
  margin-left:10%;
  margin-right:auto;
  width:50%;}
/*Page Principale du manuel*/
.manuelcadre {
    width: 100%;
    position: unset;
    margin: 0px;
    display: inline-block;
}
.manuelcorp {
    float: left;
    margin-right: 40px;
    margin-bottom: 20px;
}
/*Page du manuel : les touches du clavier*/
#table_clavier {
    background-image: url(https://i.servimg.com/u/f64/11/14/34/43/sans_t61.gif);
    background-repeat: repeat;
    border-collapse: collapse;
    border-color: #096115;
    border-spacing: 10px;
    border-width: 0;
    box-shadow: 0 0 5px #096115;
    color: #ededed;
    margin-right: 10%;
    margin-left: 10%;
}

#table_clavier_title {
  background-color: rgba(0, 30, 10, 0.7);
    border-width: 0px;
}
#table_clavier_row1, div.telechargements table tr.row1 {
  background-color: rgba(0, 80, 30, 0.7);
    border-width: 0px;
}
#table_clavier_row1:hover, #table_clavier_row2:hover, #table_clavier_title:hover, div.telechargements table tr.row1:hover, div.telechargements table tr.row2:hover{
   background-color: rgba(0, 30, 10, 0.8);
    border-width: 0px;
}
#table_clavier_row2, div.telechargements table tr.row2 {
  background-color: rgba(0, 60, 15, 0.7);
    border-width: 0px;
}
#cellules_clavier {
  margin: 5px 0px 5px 20px;
}
#cellules_clavier_defaut {
  margin: 0px 0px 0px 0px;
  text-align: center;
}
/*Statistiques du forum*/
.forumline.statistical tbody tr:hover, .forumline.bars tbody tr:hover{
   background-color: rgba(0, 30, 10, 0.2);
}
td.row2 {
  background-color: rgba(0, 60, 15, 0.2);
}
td.row1 {
  background-color: rgba(0, 80, 30, 0.2);
}
.thTop, .thCornerR, .thCornerL{
  background-color: rgba(0, 30, 10, 0.2);
}

/*Bulle d'information pour afficher les image comme sur la carte DDay5*/
img.info{
 width:124px;
 height:93px;
}
h3{font-size:1.05em;}
body{font-size:1.05em;}
.dterm span{
  font-size: 1.0em !important;}
ul.linklist li {font-size:1.1em;}
a.button1, a.button2, button.button2, input.button1, input.button2 {
    background-color: transparent;
  background-image: none;}
button.button2, input.button1, input.button2 {
    color: #99CCCC !important;
}
div.special253 span {
    color: #ff5b5b !important;
}
mais mon background est mit via l'nterface administrateur -> affichage -> getion des images... du coup j'ai du mal à comprendre d'ou vient le souci...


Dernière édition par gaspar le Mar 28 Jan 2020 - 10:30, édité 1 fois
gaspar

gaspar
*****

Masculin
Messages : 869
Inscrit(e) le : 03/01/2006

http://ddaynormandy.forumactif.com
gaspar a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: background qui ne s'affiche que partiellement

Message par Kardo le Mar 28 Jan 2020 - 9:37

Bonjour,
J'ai testé avec plusieurs navigateurs (firefox / chrome / explorer / edge) et je vois votre background sans problèmes, avez vous essayé de vider le cache de votre navigateur ?
Kardo

Kardo
**

Messages : 56
Inscrit(e) le : 06/12/2019

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

Résolu Re: background qui ne s'affiche que partiellement

Message par gaspar le Mar 28 Jan 2020 - 10:32

je te remercie, j'avais oublié que cela pouvait poteniellment provenir de mon navgateur.

Cela était dû finalement à l'extention "dark reader" qui me met tous mes site si thème sombre. J'y ai ajouté mon forum en exception et le souci est résolut.

Merci bien.
gaspar

gaspar
*****

Masculin
Messages : 869
Inscrit(e) le : 03/01/2006

http://ddaynormandy.forumactif.com
gaspar 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