2012-04-10 9 views
-2

hier kommt die HTML:Wo schlägt dieses CSS-Menü fehl?

<ul id="plugins_fullMenu"> 
<li><a href="/">&nbsp;Főoldal&nbsp;</a></li> 
<li><a href="introduce">&nbsp;Bemutatkozás&nbsp;</a></li> 
<li><a href="products">&nbsp;Termékek&nbsp;</a></li> 
<li><a href="NYETT">&nbsp;Kategóriák&nbsp;</a> 
<ul class="plugins_fullMenu first"> 
<li><a href="asdasdsada">&nbsp;kateg1&nbsp;</a></li> 
<li><a href="bxcvxcvxcv">&nbsp;kateg2&nbsp;</a></li> 
<li><a href="NYETT">&nbsp;prognyelv&nbsp;</a> 
<ul class="plugins_fullMenu "> 
<li><a href="3.1">&nbsp;C#&nbsp;</a></li> 
<li><a href="3.2">&nbsp;C&nbsp;</a></li> 
<li><a href="3.3">&nbsp;C++&nbsp;</a></li> 
</ul></li> 
</ul></li> 
<li><a href="links">&nbsp;Linkek&nbsp;</a></li> 
<li><a href="NYETT">&nbsp;Admin felület&nbsp;</a> 
<ul class="plugins_fullMenu"> 
<li><a href="1">&nbsp;a&nbsp;</a></li> 
<li><a href="2">&nbsp;b&nbsp;</a></li> 
</ul></li> 
<li><a href="veg">&nbsp;veg&nbsp;</a></li></ul> 

und die CSS:

#plugins_fullMenu, .plugins_fullMenu, #plugins_fullMenu .plugins_fullMenu li 
{ 
margin:0px; 
padding:0px; 
display: table; 
} 
#plugins_fullMenu li 
{ 
float:left; 
display: inline; 
cursor:pointer; 
list-style:none; 
padding:0px 0px 0px 0px; 
border:1px #000 solid; 
position:relative; 
} 
#plugins_fullMenu li ul.first 
{ 
left:-1px; top:100%; 
background-color: red; 
} 

li, li a 
{ 
color:#000; 
text-decoration:none; 
padding: 10px 0px 10px 0px; 
} 
#plugins_fullMenu .plugins_fullMenu li 
{ 
width:100%; 
/* text-indent:10px; 
line-height:30px; 
margin-right:10px;*/ 
border-top:1px #000 solid; 
border-bottom:1px #000 solid; 
border-left:none; 
border-right:none; 
background:red; 
} 
#plugins_fullMenu li a 
{ 
display:block; 
width:inherit; 
height:inherit; 
} 

ul.plugins_fullMenu 
{ 
display:none; 
} 
#plugins_fullMenu li:hover > a, #plugins_fullMenu li:hover 
{ 
color:#fff; 
background:green; 
} 
li:hover > .plugins_fullMenu 
{ 
display:block; 
position:absolute; 
width:auto; 
top:-1px; 
left:50%; 
z-index:1000; 
border:1px #000 solid; 
} 
li:hover 
{ 
position:relative; 
z-index:2000; 
} 

jetzt das Problem ist, das zwei Untermenü von "admin felület" es Überschneidungen. Es sollte nicht, was ist falsch?

+0

Entschuldigung für diesen „Stack-Überlauf-Effekt“ ist, tut es mich lassen, das Thema so öffnen! –

+2

Fügen Sie nicht einfach Ihren Code ein und erwarten Sie von jemandem, dass er ihn repariert. Bitte zeigen Sie uns, was Ihr Problem wirklich ist. Der beste Weg ist, mit jsfiddle.net oder einer anderen ähnlichen Plattform ein echtes Beispiel zu geben. – Cthulhu

+1

es ist bacuase es ist Klasse ist nur 'plugins_fullMenu' während die andere ist' plugins_fullMenu zuerst' – Elen

Antwort

3

ok. wie vorgeschlagen

Faust Untermenü Klasse ist plugins_fullMenu first während der nächsten nur plugins_fullMenu