Menu déroulant se déroule derrière la pub et est impossible à survoler ! !

[gaspar]

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:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : je ne sais pas
Lien du forum : http://ddaynormandy.forumactif.com

Description du problème

Bonjour à tous,
J'ai l'habitude d'utiliser un bloqueur de pub, du coup je n'y pense même plus, mais ici, juste pour voir le rendu de mon forum, je m'apperçois avec horreur que mon menu déroulant, en plus de s'afficher derrière la pub, est impossible à cliquer !

Ce n'est pas la première fois que cela se produit, la dernière fois que cela est arrivé, le staff forumactif m'a dit que cela était dû à un bug de leur coté, ça avait été résolu...

aie aie aie :s

je viens d'ailleurs de retrouver un petit bout de code que j'avais ajouté sans succès à ce moment là :

Code:

.mainderoulant:hover {
    background: none;
    z-index: 999;
}

il est toujours là, mais innefficace.

pour ceux qui voudraient avoir mon css en entier, le voici :

Code:

/*
le couleurs :
#99CCCC : turquoise clair
#007168 : turquoise foncé => rgba(0,51,47
#096115 : vert clair
#1a4642 : wrap background color

*/
/*Background colors
Transparent*/
#cp-main .panel.sig,  dl.codebox dt, dl.codebox.spoiler, blockquote div, .inputbox, input.tiny, .sceditor-container, #sce_smilies_body  {
 background-color: transparent !important;
}
/*#007168 : turquoise foncé  */
#page-header .navbar, #page-footer .navbar, .header, div.module.mod_news div.inner div.h3, .h3, dl.codebox code, #table_clavier_title, .thTop, .thCornerR, .thCornerL {
    background-color: rgba(0,51,47,0.85);
}
/*Noir gris et blanc, pour eclaircicement/ assombrissement */
td.row1, .row.row1, #table_clavier_row1, div.telechargements table tr.row1, 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(127, 127, 127, 0.05);
}
td.row2, .row.row2, #table_clavier_row1, div.telechargements table tr.row2  {
  background-color: rgba(0, 0, 0, 0.05);
}
.row.row2:hover, .row.row1:hover, .forumline.statistical tbody tr:hover, .forumline.bars tbody tr:hove  {
  background-color: rgba(255, 255, 255, 0.05);
}


fieldset dl:hover dt label, #tabs .activetab a span {
    color: #007168;
}

#tabs .activetab a:hover span {
    background-position: 100% 0;
    color: #99CCCC;
}

li.row:hover{
   background-color: rgba(0, 75, 60, 0.2);
}


div#main-content form#frmAgreement.has-validation-callback div.panel div.inner span {
    color: #f74242 !important;
}
code::before, html, p, table {

  color: #99CCCC !important ;
}
img{   border: none;
}
* {
  scrollbar-color: #99CCCC45 #007168;
  scrollbar-width: thin;
}

#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 !important;
  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;
}
ul.topiclist.forums li.row dl.icon {
    background-size: 2.5em !important;
}
li.row.row2 dl.icon, li.row.row1 dl.icon {
    background-size: 2.5em;
    background-position : left ;
}
ul#picture_legend li img {
    height: 2.5em;
}
div.clearfix ul.ul-icons li img {
    height: 2em;
    vertical-align: middle;
}
#page-header .navbar {
    margin-top: 0;
    border-top-left-radius: 31px;
    border-top-right-radius: 31px;
}
ul.forumlinks li {
    display:block;
    line-height: 0em;
}

.linklist.navlinks li ul {
 display: flex;
 justify-content: space-around;
}
li.mainderoulant span ul.forumlinks {
    display: flex !important;
    flex-direction: column !important;
}

/*
.forumlinks img {
    width: 0px !important;
}
*/


a.mainmenu{
  text-shadow : 2px 4px 8px #000000;
}
a.mainmenu span.new-message, a.mainmenu span.toread-message{
    display: contents;
}
.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;
}
main-content{
  box-shadow : none !important;
  border : none ;
  border-radius : none ;
}
.menunav{
  padding-left:20px;
}
#main {
  z-index : 1;
  border: solid;
  border-width: 0px;  
 /* border-radius: 10px; */
  border-color: #00716890;
/*  box-shadow:  0px 0px 5px #007168; */
}

#page-body {
    margin: 0px 0 !important;
}
.forabg .inner{
  box-shadow:  0px 0px -5px #007168;
  margin: 5px;
}
div#content div#main div#main-content div:nth-child(4) {

    height: auto !important;

}

.codebox {
  border-width: 0px;
  box-shadow:  0px 0px 5px #007168 inset;
  /*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 {
  padding:0px;
  margin-bottom: 0px;
  border-bottom:0px;
}
dl.codebox code{
  color: #ededed;
  margin:0px;
}

blockquote {
  border-width: 0px;
  box-shadow:  0px 0px 5px #007168 inset;
  /*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 #007168 inset;
  margin-left:0px;
  padding-left:35px;
  color:#99CCCC;
}
/*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;
}


.row.row1:hover, .row.row2:hover {
    border-width: 0px;  
}

#tableau2 #tableau #contenu p, div.telechargements table a  {
  color: #99CCCC;
}
.videocontainer{
      width: 100%;
      height: 0;
      padding-bottom: 56.25%;
      overflow: hidden;
      position: relative;
    }
.videocontainer iframe{
      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 : armalite-rifle, 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 : armalite-rifle, 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 : armalite-rifle, 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 : armalite-rifle, Stencil, eXO2 Stencil, D Day Stencil, Allerta Stencil, Impact, Westwood LET, Playbill, Copperplate Gothic Bold;
  color : #b11515;
  text-shadow : 1px 1px 2px #000000;
}
ul.navlinks {
      font-family : top-secret, armalite-rifle, Stencil, eXO2 Stencil, D Day Stencil, Allerta Stencil, Impact, Westwood LET, Playbill, Copperplate Gothic Bold;
}

/*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%;
}

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

.mainderoulant {
position: relative;
margin-left: 5px;
text-shadow: 2px 4px 8px #000;
}
.mainderoulant span {
display: none;
}
.mainderoulant:hover {
background: none;
z-index: 999;
}
.mainderoulant:hover span{
display: inline;
  position:absolute;
top: 2.2em;
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;
}
ul.linklist.navlinks li ul li.mainderoulant span a img {
    width: auto ;
    height: 1.3em;
}
ul.linklist.navlinks li ul li.mainderoulant span {
    line-height: 1.6em;
}
.mainderoulant:hover span a{
  white-space: nowrap
}
.mainderoulant:hover span a img {
    width: auto;
    height: 1.8em;
}
    li.mainderoulant {
        z-index: 999;
    }


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

.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 #007168;
  /*   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: #007168;
    border-spacing: 10px;
    border-width: 0;
    box-shadow: 0 0 5px #007168;
    color: #ededed;
    margin-right: 10%;
    margin-left: 10%;
}

#table_clavier_title {
    border-width: 0px;
}
#table_clavier_row1, div.telechargements table tr.row1 {
    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{
    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*/

/*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;}
.inputbox, input.tiny {
  color: #99CCCC !important;
  border-color: #00716890 !important;
  border-radius: 10px !important;
  border-width: 2px !important;
  box-shadow: 0 0 5px #007168 !important;
}
@font-face {
    font-family: 'armalite-rifle';
    src: url('https://sd-1.archive-host.com/membres/up/191187906131897587/polices/armalite_rifle.ttf');
}@font-face {
    tont-family : 'top-secret';
    src: url('https://sd-1.archive-host.com/membres/up/191187906131897587/polices/Top_Secret.ttf');
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
  background-image: none;
  background-color: transparent;
  border-color: #00716890 !important;
  border-radius: 10px !important;
  border-width: 2px !important;
  box-shadow: 0 2px 4px #007168 inset;
  padding : 4px ;
}
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
  background-image: none;
  background-color: transparent;
  border-color: #00716890 !important;
  border-radius: 10px !important;
  border-width: 2px !important;
  box-shadow: 0 0 1px #99CCCC, 0 -2px 4px #007168 inset;
}
button.button2, input.button1, input.button2 {
    color: #99CCCC !important;
}
div.special253 span {
    color: #ff5b5b !important;
}
/*Zone d'edition de texte*/

.sceditor-container {
  border-color: #00716890 !important;
  border-radius: 10px !important;
  border-width: 2px !important;
  box-shadow: 0 0 5px #007168 !important;
}
.sceditor-dropdown.sceditor-emoticon {
    /*background-color: #00716860 !important;*/
  background-image: url('https://i.servimg.com/u/f58/11/14/34/43/bgrd210.png') !important;
}

div.sceditor-toolbar {
  background: transparent !important;
  border-bottom: 0px !important;
}
div.sceditor-group {
  background: #99CCCC90 !important;
  border-bottom: 0px;
}
.sceditor-button.sceditor-button-source.hover {
    background: #99CCCC10 !important;
}
.sceditor-container textarea{
  color: #99CCCC !important;
}
/*.sceditor-button.sceditor-button-headers:hover {
    background-color: #000 !important;
}*/

[edit]
J'ai donc retrouvé mon ancien topic.
Si cela ne concerne que les pubs avec le deal, cela n'a probablement jamais été résolut en fait !
https://forum.forumactif.com/t402603-menu-deroulant-qui-s-affiche-derriere-la-pub

[Luzz]

Bonjour @gaspar,

Merci pour votre signalement. Nous avons montré votre problème aux techniciens, c'est résolu actuellement

Bien cordialement
Bonne journée

[gaspar]

Je confirme, le souci semble être résolut sur mon forum.
Je me disais aussi que c'était pas idéal d'être obligé d'utiliser un bloqueur de pub pour pouvoir naviguer sur le forum

Merci pour la réactivité, c'est tip top