Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Moderatore di PHP L'avatar di Alhazred
    Registrato dal
    Oct 2003
    Messaggi
    12,508

    Mantenere lo sfondo del link principale passando sul sottomenu

    Ho un problema nella creazione di un menu con sottomenu a tendina.

    Come potete vedere dalla seguente immagine, passando sul link nella barra principale del menu, il link acquisisce uno sfondo con una riga verde (quello con la riga gialla indica la pagina corrente)


    Quando muovo il mouse sul sottomenu, il link nella barra principale perde lo sfondo con la riga verde come mostrato qui sotto


    Come faccio a far mantenere lo sfondo con la riga verde al link nella barra principale mentre passo sul sotomenu?

    Un po' di codice:
    struttura HTML del menu:
    codice:
    <div id="crd_menu">
        <ul>[*]Menu 1
                <ul>[*]Submenu 1[*]Submenu 2[*]Submenu 3[/list]
            [*]Menu 2[*]Menu 3[*]Menu 4[/list]
    </div>
    CSS
    codice:
    div#crd_menu {
        width: 100%; height:33px;
        float: left; padding: 0;
        border-top: 1px solid black;
        background-image:url('images/menuback.png');
        background-repeat:repeat-x;
    }
    
    div#crd_menu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    
    div#crd_menu li {
        width:100px; height:33px;
        float:left;
        margin: 0; padding: 0;
        border-right: 1px solid black;
        color:black;
    }
    
    div#crd_menu a {
        display: block;
        font-family:arial;
        height:33px;
        line-height: 33px;
        color: #ffffff;
        text-decoration: none;
        background-image:url('images/menuback.png');
    }
    
    div#crd_menu a:hover {
        background-image:url('images/menuback_h.png');
        color: #1ed500;
        text-decoration: none;
    }
    
    div#crd_menu li ul {
        display: none;
    }
    
    div#crd_menu li:hover ul {
        display: block;
        position: absolute;
        z-index:1;
        width:200px;
        text-align:left;
        padding: 0;
        margin: 0 0 0 -1px;
        border:1px solid black;
    }
    
    div#crd_menu li li {
        border: none;
        width: 200px;
    }
    
    div#crd_menu li li a {
        padding: 0px 2px 0px 10px;
        background-image:url('images/menusub.png');
        background-color:#3e3e3d;
    }
    
    div#crd_menu a.crd_active {
        background-image:url('images/menuback_a.png');
        color:#f7b20d;
    }
    
    div#crd_menu a.crd_active:hover {
        background-image:url('images/menuback_h.png');
        color:#1ed500;
    }

  2. #2
    Moderatore di PHP L'avatar di Alhazred
    Registrato dal
    Oct 2003
    Messaggi
    12,508
    Risolto.

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 © 2026 vBulletin Solutions, Inc. All rights reserved.