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

2 participants

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

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

Message par gaspar Mar 25 Mai 2021 - 9:11

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


Dernière édition par gaspar le Mar 25 Mai 2021 - 15:50, édité 1 fois
gaspar

gaspar
*****

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

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

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

Message par Luzz Mar 25 Mai 2021 - 12:31

Bonjour @gaspar,

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

Bien cordialement
Bonne journée
Luzz

Luzz
Adminactive
Adminactive

Autre / Ne pas divulguer
Messages : 2686
Inscrit(e) le : 25/10/2007

Voir le profil de l'utilisateur https://forum.forumactif.com
Luzz a été remercié(e) par l'auteur de ce sujet.
  • 0

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

Message par gaspar Mar 25 Mai 2021 - 15:49

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 geek

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

gaspar
*****

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

Voir le profil de l'utilisateur 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

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum