-
Menu di terzo livello
Salve a tutti
Ho un problema con un menù css che spero qualcuno possa aiutarmi a risolvere.
Si tratta di un problema con il terzo livello che mi compare automaticamente quando compare il secondo livello.
Non avendo strutturato io il menù ma avendomelo passato mi trovo in difficoltà nel modificarlo.
Spero che qualcuno possa darmi una mano
Vi ringrazio molto
Io avevo inserito l'ultimo tag sperando funzionasse ma nulla!
Codice:
.menu{
height: auto;
margin-left: 323px;
}
.menu_one{
position:relative;
margin:0px;
/*display: block;*/
z-index:999;
}
.menu a{
text-decoration:none;
display:block;
height:64px;
line-height:64px;
color:#df6566;
font-size:13px;
float:left;
font-family: 'Raleway', sans-serif;
font-weight:500;
}
.menu li:hover > a,
.menu li >a:hover,
.menu .selected{
text-decoration:none;
display:block;
height:64px;
line-height:64px;
color:#df6566;
font-size:13px;
float:left;
font-family: 'Raleway', sans-serif;
font-weight:500;
background-image: url('#file({'filename': 'bg_sel.png', 'contentId': $content.contentId, '':''})');
background-position:center center;
background-repeat:no-repeat;
}
.menu li{
list-style: none;
position: relative;
z-index:90;
line-height:15px;
float: left;
text-align: center;
}
.menu li a{
}
.menu ul li:hover{
}
.menu ul ul{
background:#FFFFFF;
position:absolute;
top: 59px;
visibility: hidden;
left: 0px;
padding-left: 0px;
padding-top: 0px;
width:200px;
z-index: 100;
}
.menu ul ul a{
display: block;
width: 200px !important;
height: 30px !important;
background-image:none;
font-family: 'Open Sans', sans-serif;
color: #df6566;
font-size: 12px;
line-height:30px;
text-decoration: none;
float: none;
position: absolute;
z-index: 100;
}
.menu ul ul li{
background-image:none;
font-family: 'Open Sans', sans-serif;
float:none;
text-align:left;
height:30px;
line-height:30px;
text-indent:20px;
}
.menu ul ul li:hover > a,
.menu ul ul a:hover,
.menu ul ul .selected{
background-image:none;
font-family: 'Open Sans', sans-serif;
color: #df6566;
display: block;
float: none;
font-size: 12px;
text-decoration: underline;
padding:0px;
width:200px;
height:30px;
line-height:30px;
}
#menu_first_1 a,
#menu_first_1 a:hover,
#menu_first_1:hover > a,
#menu_first_1.selected
{
width:78px;
}
#menu_first_2 a,
#menu_first_2 a:hover,
#menu_first_2:hover > a,
#menu_first_2.selected
{
width:78px;
}
#menu_first_3 a,
#menu_first_3 a:hover,
#menu_first_3:hover > a,
#menu_first_3.selected
{
width:78px;
}
#menu_first_4 a,
#menu_first_4 a:hover,
#menu_first_4:hover > a,
#menu_first_4.selected
{
width:78px;
}
#menu_first_5 a,
#menu_first_5 a:hover,
#menu_first_5:hover > a,
#menu_first_5.selected
{
width:78px;
}
#menu_first_6 a,
#menu_first_6 a:hover,
#menu_first_6:hover > a,
#menu_first_6.selected
{
width:78px;
}
#menu_first_7 a,
#menu_first_7 a:hover,
#menu_first_7:hover > a,
#menu_first_7.selected
{
width:78px;
}
#menu_first_8 a,
#menu_first_8 a:hover,
#menu_first_8:hover > a,
#menu_first_8.selected
{width:78px;
/*text-align:right;*/
}
/*
.first_link{
background-image: url('#file({'filename': 'sel1.png', 'contentId': $content.contentId, '':''})')!important;
background-repeat:repeat-x !important;
background-position: top center !important;
color:#fff !important;
!margin-top:0px !important;
}
*/
.menu ul ul ul{
background:#FFFFFF;
position:absolute;
top: 0px;
visibility: hidden;
z-index: 100;
left: 200px;
padding-left: 0px;
padding-top: 0px;
width:100px;
}
.menu ul ul ul a{
background-image:none;
font-family: 'Open Sans', sans-serif;
color: #df6566;
display: block;
float: none;
font-size: 12px;
text-decoration: none;
width: 100px !important;
height: 30px !important;
line-height:30px;
}
.menu ul ul ul li{
background-image:none;
font-family: 'Open Sans', sans-serif;
float:none;
text-align:left;
height:30px;
line-height:30px;
text-indent:20px;
}
.menu ul ul ul li:hover > a,
.menu ul ul ul a:hover,
.menu ul ul ul .selected{
background-image:none;
font-family: 'Open Sans', sans-serif;
color: #df6566;
display: block;
float: none;
font-size: 12px;
text-decoration: underline;
padding:0px;
width:200px;
height:30px;
line-height:30px;
}
/*
.menu ul li :hover ul{
visibility:visible;
}
*/
.menu > ul > li:hover ul{
visibility:visible;
}
.menu > ul > ul > li:hover .menu > ul > ul > ul {
visibility:visible;
}
-
Scusate...
Ho risolto il problema..
Grazie cmq... ;)
.menu{
height: auto;
margin-left: 323px;
}
.menu_one{
position:relative;
margin:0px;
/*display: block;*/
z-index:999;
}
.menu a{
text-decoration:none;
display:block;
height:64px;
line-height:64px;
color:#df6566;
font-size:13px;
float:left;
font-family: 'Raleway', sans-serif;
font-weight:500;
}
.menu li:hover > a,
.menu li >a:hover,
.menu .selected{
text-decoration:none;
display:block;
height:64px;
line-height:64px;
color:#df6566;
font-size:13px;
float:left;
font-family: 'Raleway', sans-serif;
font-weight:500;
background-image: url('#file({'filename': 'bg_sel.png', 'contentId': $content.contentId, '':''})');
background-position:center center;
background-repeat:no-repeat;
}
.menu li{
list-style: none;
position: relative;
z-index:90;
line-height:15px;
float: left;
text-align: center;
}
.menu li a{
}
.menu ul li:hover{
}
.menu ul ul{
position:absolute;
top: 59px;
visibility: hidden;
left: 0px;
padding-left: 0px;
padding-top: 0px;
width:200px;
z-index: 100;
}
.menu ul ul a{
display: block;
width: 200px !important;
height: 30px !important;
background-image:none;
font-family: 'Open Sans', sans-serif;
color: #df6566;
font-size: 12px;
line-height:30px;
text-decoration: none;
float: none;
position: absolute;
z-index: 100;
}
.menu ul ul li{
background:#FFFFFF;
background-image:none;
font-family: 'Open Sans', sans-serif;
float:none;
text-align:left;
height:30px;
line-height:30px;
text-indent:20px;
}
.menu ul ul li:hover > a,
.menu ul ul a:hover,
.menu ul ul .selected{
background-image:none;
font-family: 'Open Sans', sans-serif;
color: #df6566;
display: block;
float: none;
font-size: 12px;
text-decoration: underline;
padding:0px;
width:200px;
height:30px;
line-height:30px;
}
#menu_first_1 a,
#menu_first_1 a:hover,
#menu_first_1:hover > a,
#menu_first_1.selected
{
width:78px;
}
#menu_first_2 a,
#menu_first_2 a:hover,
#menu_first_2:hover > a,
#menu_first_2.selected
{
width:78px;
}
#menu_first_3 a,
#menu_first_3 a:hover,
#menu_first_3:hover > a,
#menu_first_3.selected
{
width:78px;
}
#menu_first_4 a,
#menu_first_4 a:hover,
#menu_first_4:hover > a,
#menu_first_4.selected
{
width:78px;
}
#menu_first_5 a,
#menu_first_5 a:hover,
#menu_first_5:hover > a,
#menu_first_5.selected
{
width:78px;
}
#menu_first_6 a,
#menu_first_6 a:hover,
#menu_first_6:hover > a,
#menu_first_6.selected
{
width:78px;
}
#menu_first_7 a,
#menu_first_7 a:hover,
#menu_first_7:hover > a,
#menu_first_7.selected
{
width:78px;
}
#menu_first_8 a,
#menu_first_8 a:hover,
#menu_first_8:hover > a,
#menu_first_8.selected
{width:78px;
/*text-align:right;*/
}
/*
.first_link{
background-image: url('#file({'filename': 'sel1.png', 'contentId': $content.contentId, '':''})')!important;
background-repeat:repeat-x !important;
background-position: top center !important;
color:#fff !important;
!margin-top:0px !important;
}
*/
.menu ul ul ul{
background:trasparent;
position:absolute;
top: 0px;
z-index: 100;
left: 200px;
padding-left: 0px;
padding-top: 0px;
width:100px;
}
.menu ul ul ul li{
background-image:none;
font-family: 'Open Sans', sans-serif;
float:none;
text-align:left;
height:30px;
line-height:30px;
text-indent:20px;
visibility: hidden;
}
.menu ul ul ul >a{
background:#FFFFFF;
background-image:none;
font-family: 'Open Sans', sans-serif;
color: #df6566;
display: block;
float: none;
font-size: 12px;
text-decoration: none;
width: 100px !important;
height: 30px !important;
line-height:30px;
}
.menu ul ul ul li:hover > a,
.menu ul ul ul a:hover,
.menu ul ul ul .selected{
background-image:none;
font-family: 'Open Sans', sans-serif;
color: #df6566;
display: block;
float: none;
font-size: 12px;
text-decoration: underline;
padding:0px;
width:200px;
height:30px;
line-height:30px;
}
/*
.menu ul li :hover ul{
visibility:visible;
}
*/
.menu ul li:hover ul{
visibility:visible;
}
.menu ul ul li:hover ul li {
visibility:visible;
}