Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2006
    Messaggi
    3,072

    Gestione menu padre/figlio

    Ciao a tutti, sto applicando questo menu

    http://muddydogpaws.com/development/...example-6.html

    tutto OK solo che io vorrei fare in modo che il padre abbia un'altezza di 84px mentre i figli di 34px

    ho provato a cambiare l'altezza dei figli:
    .menu2 ul :hover ul{

    ma il valore non viene applicato


    Ho notato però che togliendo nel:
    .menu2 a, .menu2 a:visited {

    i riferimenti all'altezza:
    height:84px;
    line-height:84px;

    ovviamente il padre ha un'altezza minima ed il figlio ha il valore corretto da me impostato: 34


    In sintesi: come posso gestire l'altezza del padre e del figlio separatamente?

    codice:
    /* style the links */
    .menu2 a, .menu2 a:visited {
    display:block;
    text-decoration:none;
    height:84px;
    line-height:84px;
    width:149px;
    color:#b95826;
    background:#ffffff;
    text-indent:5px;
    border:1px solid #fff;
    border-width:0 1px 1px 0;
    font-size: 14px;
    font-family:Lucida Grande, Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    border:1px solid #b95826;
    }
    
    
    /* hide the sub levels and give them a positon absolute so that they take up no room */
    .menu2 ul ul {
    visibility:hidden;
    position:absolute;
    top:0;
    width:250px;
    height:34px;
    left:150px;
    font-size: 10px;
    
    }
    
    /* make the second level visible when hover on first level list OR link */
    .menu2 ul :hover ul{
    visibility:visible;
    width:250px;
    height:34px;
    left:150px;
    font-size: 10px;
    }

  2. #2
    Utente di HTML.it
    Registrato dal
    Jul 2006
    Messaggi
    3,072
    Uffff non capisco proprio come gestire questa doppia altezza nella struttura del menu

  3. #3
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    perchè non dai l'altezza ai li?

    li{
    height:84px;
    }

    li li{
    height:34px;
    }

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.