menu deroulant horizontalFermé

Question

Bonjour,
j'ai un problème, j'avais fait le site de notre entreprise avec un menu déroulant horizontal (code css) ca marche avec Mozilla firefox mais le menu reste bloqué avec Internet Explorer et Opera.
Aidez moi s'il vous plait.
voici le code menu.css:

body {
	margin: 50px 40px 10px 120px;
  float:left;
  /*padding:0px -20px 0px -20px;*/
  
	border-bottom: solid 1px #6A8CB2;
	border-top: solid 1px #6A8CB2;
	border-right: solid 1px #6A8CB2;
	border-left: solid 1px #6A8CB2;
 
}
 
 
 
#menu {
      height: 28px;
	margin: 0px;
	margin: 0px 0.2em 0px 0.2em;
	padding: 0px;
	font-size:0.77em;	
}

#menu ul, #menu li {
 background-color: #6B696B;
  font-weight:bold;
  color:#666;
  margin:0px 0.2em 0px 0.2em;
  padding:0px;
  font-size:1em;
	list-style-type: none;/* enléver les puces*/
	
}

#menu li a {
	display: block;
	text-decoration: none;
	text-align: center;
	border: 1px solid #fff;
	
}

/*---------- Niveau 1 ----------*/
#menu .niveau1 li {
	float: left;
	margin: 0 -15px 0 0;
	width:136.5px;
	border: 1px solid #6a8cb2;
	background-color: #9a9a9a;	
}
#menu .niveau1 li a {
	padding: 5px 0;
	height: 16px;
	color: #fff;
	background-color: #6a8cb2;
}



#menu li a:hover, #menu li a:focus, #menu li span:hover, #menu li span:focus, #menu li.encourt a {
	color:#FFF;	
	background-color:#746756;
	
}
/*---------- Niveau 2 ----------*/

#menu .niveau2 {
	position: absolute;
	top:-9999em;/* pour faire descendre le menu qui est affiché en haut*/
	

}

#menu .niveau2 li {
	clear: left;
	margin: -1px -3.5px 0;
	width:150px;
}

#menu .niveau2 li a {
	color: #23388a;
	background: #d4d4d4;	
}
/*#menu .niveau2 li.sousMenu a
{
background: url(images/fleche.gif) 95% 50% no-repeat; 
}*/

#menu .niveau2 li a:hover {
	color: #fff;
	background-color: #A8A5A8;
	}
#menu li:hover .niveau2,
#menu .sfhover .niveau2 {
	top: auto;
	min-height: 0; /* corrige un bug IE7 */
	background-color:#D4D4D4;
	
}
/*---------- Niveau 3 ----------*/
#menu .niveau1 .niveau2 .niveau3 {
	position: absolute;	
	width:139px;	
	top: -9999em;
	border-top: 1px solid #fff; /* corrige un bug IE6 */
}
#menu .niveau3 li a {
	color: #336699;
	background-color:#d7d3d7;
}

#menu .niveau3 li:hover a,
#menu .niveau3 li a:hover {
	color: #746756;
	background: #D4D4D4;
}

#menu .niveau2 li:hover .niveau3,
#menu .niveau2 .sfhover .niveau3 {	
	top: auto;
	margin:-29px 0 0 153px; 
}

#menu .inverse .niveau2 li:hover .niveau3,
#menu .inverse .niveau2 .sfhover .niveau3 {	
	top: auto;
	margin:-28px 0 0 -149px;
}

#footer{
	clear:both;
	width:47.2em;
    margin: 2px 0px 2px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:-15px;
}

.marge{
	padding:0px 1em 0px 1em;	
}

#content {
	background:#FFF;
	float:left;
	width:47.2em;
    margin: 5px ;
	border-bottom: solid 1px #6A8CB2;
	border-top: solid 1px #6A8CB2;
	border-right: solid 1px #6A8CB2;
	border-left: solid 1px #6A8CB2;
	font-family:Verdana;
	color:#333333;
	font-size:1em;
	text-align:left;
}

.tdTout
{
	border-bottom: solid 1px #ADADAD;
	border-top: solid 1px #ADADAD;
	border-right: solid 1px #ADADAD;
	border-left: solid 1px #ADADAD;
	padding:14px 0px 10px 0px;
	font-family:Verdana;
	color:#333333;
	font-size:1em;
	text-transform:uppercase;
	text-align:left;
	
}

.tdClass{
border-right: solid 1px #ADADAD;
}

.tabMainHome
{
   margin: 10px;
	border-top:solid 1px #ADADAD;
}

.styleSpan{
color:#23388A;
font-weight:bold;
font-family: Verdana, sans-serif;
font-size: 1em;
}

.tdBordure{
border-bottom: solid 1px #ADADAD;

}

.fontSMenu
{
    font-size:12px;
	font-weight:bold;
    font-family:Tahoma;
    color:#464646;
	text-decoration:none; 
    /*color:Black;*/
    border:0px; 
}

.fontSMenu:hover 
{
    text-decoration:underline;     
    cursor:pointer;
}

.tdMenu
{
    padding-top:10px;
}

.lign{
font-weight:bold;
text-transform:uppercase;
}



.trMenu{
background-color: #6A8CB2;
color: #fff;
font-size:12px;
font-weight:bold;
font-family:Tahoma;
text-align: center;
}

.aMenu
{
 font-size:12px;
	font-weight:bold;
    font-family:Tahoma;
    color:#fff;
	text-decoration:none; 
    /*color:Black;*/
    border:0px; 
}

.aMenu:hovor
{
text-decoration:underline;     
    cursor:pointer;
}

M@dien · Answer

Bonjour,

aurais-tu le code HTML correspondant au menu? sans ça c'est pas facile de tester.

Menu deroulant horizontal

1 réponse

Discussions similaires

Newsletters