Visualizzazione risultati 1 fino 2 di 2

Discussione: Menu di terzo livello

  1. #1
    Guest

    Predefinito 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;
    }

  2. #2
    Guest

    Predefinito

    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;
    }

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •