Witam
mam problem z menu, chodzi o to że:
mam menu z rozwijanymi elementami, gdy nie wchodzi się w żadną stronę rozwinięta jest ok, lecz po wejściu w jakikolwiek element submenu jeden z elementow tegoż menu wchodzi na drugi, dodam iż strona stoi na wordpress.
Może ktoś z Was borykał się już z takim problemem lub jest w stanie mi pomóc na co liczę.
link do strony
http://skrobala.linuxpl.info/rm/kod css menu
.menu{
border:none;
border:0px;
z-index:999;
margin:0px;
padding:0px;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
}
.menu ul{
height:50px;
width:600px;
list-style:none;
margin:0;
z-index:999;
padding: 0 0 0 30px;
}
.menu li{
float:left;
background:white;
width:auto;
z-index:999;
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
margin-left: 3px;
}
.menu li.current-menu-item{
float:left;
background:#d95b33;
width:auto;
z-index:999;
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
margin-left: 5px;
}
.menu li a{
color:#000;
display:block;
font-weight:normal;
line-height:50px;
margin:0px;
z-index:999;
padding: 0px 10px 0 10px;
text-align:center;
text-decoration:none;
}
.menu li a:hover{
color:#FFFFFF;
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
z-index:999;
text-decoration:none;
}
.menu ul li:hover a{
background:#d95b33;
color:#FFFFFF;
z-index:999;
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
text-decoration:none;
}
.menu li ul{
display:none;
height:auto;
padding:0px;
z-index:999;
margin:0px;
border:0px;
position:absolute;
width:200px;
z-index:200;
}
.menu li:hover ul{
display:block;
z-index:999;
}
.menu li li {
display:block;
z-index:999;
float:none;
margin-left:0px;
padding:0px;
width:200px;
background:#d95b33;
-webkit-border-radius: 0px 0px 0 0;
-moz-border-radius: 0px 0px 0 0;
border-radius: 0px 0px 0 0;
/*this is where the rounded corners for the dropdown disappears*/
}
.menu li:hover li a{
background:none;
}
.menu li ul a{
display:block;
height:50px;
font-size:12px;
z-index:999;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover, {
border:0px;
color:#ffffff;
z-index:999;
text-decoration:none;
background:#e8874f;
}
.menu li ul li:hover a {
background-color:#e8874f;
z-index:999;
-webkit-border-radius: 0px 0px 0 0;
-moz-border-radius: 0px 0px 0 0;
border-radius: 0px 0px 0 0;
}
Podejżewam ten element css
.menu li.current-menu-item{
float:left;
background:#d95b33;
width:auto;
z-index:999;
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
margin-left: 5px;
}
odpowiada on za to aby wordpress dodał go do aktywnego elementu menu, tylko co zrobić aby dla submenu tego nie dodawał?
z góry dziękuje za wszelkie sugestie
ktoś jest w stanie mi pomóc?
Ten post edytował Poczatkujacy_Web 21.06.2013, 23:08:34