28172 sujets

CSS et mise en forme, CSS3

Menu déroulant qui reste fermé...

Bonjour,
J'ai un problème pour mettre en forme un menu déroulant,
le menu disparait lorsque qu'on visite une page du sous menu... impossible donc de visiter une page du même sousmenu..
http://hazemann.celeonet.fr/index.php/accueil.html
essayez d'aller dans "sous menu" > "estivale"... le sous menu devient inaccessible

savez vous d'où peu venir le problème ? merci

autant vous prevenir tt de suite je ne suis pas très alaise pour mettre en forme les menus
.mod_customnav2{
	position:absolute;
    top:83px;
    left: 0px;
	width:960px;
    border: 1px solid #000;
    z-index: 100;
	padding:0;
	font-weight:bold;
	text-align: center; 
}
.mod_customnav2 .level_1 li
{
	display: block;
	float: left;
	width: 120px;
	margin: 0;
	padding: 0;
	border: 0;
}
.mod_customnav2 .level_1 li a:link, .mod_customnav2 li a:visited
{
	display: block;
	color: #000;
	margin: 0;
	height:23px;
	padding: 4px 8px;
	border-right: 0px solid #fff;
	background: transparent url(fondTR.png) repeat;
	text-decoration: none;
}
.mod_customnav2 .level_1 li a:hover { background-color: rgba(255, 255, 255, 0.5); }


.mod_customnav2 .level_1 p
{
	display: block;
	height:22px;
	color: #000;
	background-color: rgba(255, 255, 255, 0.5);
	margin: 0;
	padding: 4px 8px;
	font-weight:bold;
	border-right: 0px solid #fff;
	text-decoration: none;
}


.mod_customnav2 .level_2
{
	display: block;
	visibility:hidden;
	display:none
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 180px;
	border: 0px solid #000;
}
.mod_customnav2 .level_2 li
{
	float: none;
	display: block;
	margin: 0;
	padding: 1px 8px 29px;
	width: 180px;
	height:2px;
	border-bottom: 0px solid transparent;
	border-right: 0px solid transparent;
}
.mod_customnav2 .level_2 li a:link, .mod_customnav2 .level_2 li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.5);
}
.mod_customnav2 .level_2 li a:hover
{
	background-color: rgba(0, 0, 0, 0.8);
}
.mod_customnav2 .level_2 p
{
	display: block;
	visibility:hidden;
	height:22px;
	width:180px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.8);
	margin: 0;
	padding: 3px 0px;
	font-weight:bold;
	border-right: 0px solid #fff;
	text-decoration: none;
}
.mod_customnav2 li:hover > .level_2 { display: block; }

.mod_customnav2 li.trail .level_2
{ 
	display:none;
	visibility:hidden;
	}
voici mon nouveau CSS... si quelqu'un peu m'aider à corriger les bug sous ie..


.mod_customnav2{
	position:absolute;
    top:83px;
    left: 0px;
	width:960px;
    border: 1px solid #000;
    z-index: 9900;
	padding:0;
	font-weight:bold;
	text-align: center; 
}
.mod_customnav2 .level_1 li
{
	 z-index: 9900;
	display: block;
	float: left;
	width: 120px;
	margin: 0;
	padding: 0;
	border: 0;
}
.mod_customnav2 .level_1 li a:link, .mod_customnav2 li a:visited
{
	display: block;
	color: #000;
	margin: 0;
	height:23px;
	padding: 4px 8px;
	border-right: 0px solid #fff;
	background: transparent url(fondTR.png) repeat;
	text-decoration: none;
}
.mod_customnav2 .level_1 li a:hover { background-color: rgba(255, 255, 255, 0.5); }


.mod_customnav2 .level_1 p
{
	display: block;
	height:22px;
	color: #000;
	background-color: rgba(255, 255, 255, 0.5);
	margin: 0;
	padding: 4px 8px;
	font-weight:bold;
	border-right: 0px solid #fff;
	text-decoration: none;
}


.mod_customnav2 .level_2
{
	 z-index: 9900;
	display: block;
	visibility:hidden;
	display:none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 180px;
	border: 0px solid #000;
}
.mod_customnav2 .level_2 li
{
	float: left;
	display: block;
	margin: 0;
	padding: 1px 8px 29px;
	width: 180px;
	height:2px;
	border-bottom: 0px solid transparent;
	border-right: 0px solid transparent;
}
.mod_customnav2 .level_2 li a:link, .mod_customnav2 .level_2 li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.5);
}
.mod_customnav2 .level_2 li a:hover
{
	background-color: rgba(0, 0, 0, 0.8);
}
.mod_customnav2 .level_2 p
{
	display: block;
	width:180px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.8);
	margin: 0;
	height:23px;
	padding: 4px 0px;
	font-weight:bold;
	border-right: 0px solid #fff;
	text-decoration: none;
}
.mod_customnav2 li:hover > .level_2 { display: block; }

.mod_customnav2 li.trail .level_2
{ 
}

pour ie

.mod_customnav2 li.trail .level_2
{ 
	display: block;
}

HTML #header .inside {
z-index : 9000;
}
Sujet clos
Aller à