Menu déroulant et affichage d'article sous Wordpress

Résolu/Fermé
Signaler
Messages postés
4
Date d'inscription
mercredi 28 novembre 2012
Statut
Membre
Dernière intervention
19 décembre 2012
-
Messages postés
838
Date d'inscription
vendredi 2 novembre 2012
Statut
Membre
Dernière intervention
17 décembre 2015
-
Bonjour,

J'ai commencé à faire un site sous Wordpress, j'ai fait le template avec le logiciel Artisteer, puis j'ai modifié le menu horizontal (en codant manuellement).
Le problème est que lorsque je passe la souris sur un onglet et que celui-ci s'ouvre (le menu se déroule), les sous-onglets ne sont pas tous accessibles -> tous ceux qui s'affichent au dessus de la div "art-content-layout" (là ou se trouve le contenu de chaque article) disparaissent dès que je passe la souris dessus.
C'est comme si la div "art-content-layout" était au "premier plan" par rapport au menu déroulant.
Quelqu'un a-t-il déjà rencontré ce problème ?

Merci beaucoup

Voici mes codes CSS du menu et de la div en question

/* begin Menu */



.art-hmenu {
    text-align: center;
    height: 45px;
    background : url('images/bg_menu.jpg');
    border-radius : 15px;
	margin-bottom:100px;
	
}
.art-hmenu, .art-hmenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.art-hmenu li {
    display: inline-block;
    position: relative;
	padding-left : 25px;
	padding-right : 25px;
}

.art-hmenu li li {
    display: inherit;
    background-color: #AFC934;
	line-height : 25px;
	width : 200px;
}

.art-hmenu li li  a{
    font-size :14px;
}


.art-hmenu ul, .art-hmenu li:hover ul ul {
    position: absolute;
    left: -999em;
    text-align: left;
}
.art-hmenu li:hover ul {
    left: 0px;
}
.art-hmenu li li:hover ul {
    top: 0;
    left: 200px;
}
.art-hmenu li:hover {
    background: white;
	border-radius : 5px;
	
}
.art-hmenu a {
    display: block;
    text-decoration: none;
    color: white;
    font-size : 16px;
    line-height: 45px;
    font-weight : bold;
    font-family : trebuchet ms, calibri, arial, times;
}
.art-hmenu ul a {
    line-height: inherit;
    height: auto;
    padding: 5px 3px;
    color: #8B147E;
}
.art-hmenu li:hover a {
    color: #8B147E ;
}
.art-hmenu li:hover li a, .art-hmenu li:hover li li a  {
    color: #fff;
}
.art-hmenu li li:hover a, .art-hmenu li li li:hover a {
    color: #8B147E;
}

/* end Menu */



/* begin Layout */
.art-content-layout
{
  display: table;
  position:relative;
  margin: 0 auto;
  table-layout: fixed;
  border-collapse: collapse;
  background-color: Transparent;
  border: none !important;
  padding:0 !important;
  width:100%;
  margin-top:100px;
  margin-bottom:100px;
 
}
.art-layout-cell, .art-content-layout-row
{
  background-color: transparent;
  vertical-align: top;
  text-align: left;
  border: none;
  margin:0;
  padding:0;
}


.art-content-layout .art-content-layout{margin:0;}
.art-content-layout .art-layout-cell, .art-content-layout .art-layout-cell .art-content-layout .art-layout-cell{display: table-cell;}
.art-layout-cell .art-layout-cell{display: block;}
.art-content-layout-row {display: table-row;}
.art-layout-glare{position:relative;}/* end Layout */


.art-post-body
{
  position: relative;
  padding-top : 18px;
  border : 1px solid black;
  border-radius : 10px;
  -webkit-box-shadow: 3px 3px 5px #CCCCCC;
  -moz-box-shadow:    3px 3px 5px #CCCCCC;
  box-shadow:         3px 3px 5px #CCCCCC;

}
/* end Layout */

1 réponse

Messages postés
838
Date d'inscription
vendredi 2 novembre 2012
Statut
Membre
Dernière intervention
17 décembre 2015
126
Peut tu mettre le code HTML du menu avec ?

Sinon, soit il manque une position:absolute quelque part, soit c'est le z-index qui doit être modifier.