[OPGELOST] Menu active zetten

[sjoerdd87]

Hallo allemaal,

Ik ben pas nieuw met CMSMS, en heb geprobeerd mijn eigen template in CMSMS te plaatsen, en dit is ook gelukt.

Echter werkt het menu niet precies hoe ik wil, hij gebruikt wel mijn eigen style zoals die in de stylsheet staat, maar ik krijg een bepaalde pagina niet active.

Kan iemand me hierbij helpen?

Ook heb ik al gekeken naar het menubeheer en ik denk dat ik daar wat moet aanpassen.

De codes voor mijn menu zijn:

Code: Select all

ul#menu

    { 
        font-family: Arial; 
        font-size: 13px; 
        color: #745e50; 
        font-weight: normal; 
        text-align: left;
        margin-left: 0px; 
        margin-top: 0px;
        background-color: #f8f6f3;        
        margin: 0px; 
        padding-left: 414.5px; 
        white-space: no-wrap;
        list-style: none; 
        
    }

ul#menu li 
    { 
        float: left; 
        height: 20px;
        white-space: no-wrap;
        list-style: none;
        

        
     } 
     
ul#menu li a 
    { 
        display: block; 
        overflow: hidden; 
        height:    21.5px; 
        margin-top: 25px;
        padding-top: 8.5px;
        padding-right: 10px;
        padding-bottom: 0px;
        padding-left: 10px;
        font-family: Arial; 
        color: #745e50; 
        font-size: 13px; 
        text-decoration: none; 
        font-weight: normal;
        white-space: no-wrap;
        list-style: none;
        margin-left: 0px;
        border-radius: 7px 7px 7px 7px;
        -moz-border-radius: 7px 7px 7px 7px;
        -webkit-border-radius: 7px 7px 7px 7px;
        border: 0px solid #800000;
        

    } 
     
ul#menu li a:hover, ul#menu li.active a, ul#menu li.active a:hover 
    { 
        margin-top: 25px;
        padding-top: 8.5px;
        padding-right: 10px;
        padding-bottom: 0px;
        padding-left: 10px;
        background-color: #fe690d;
        color: #ffffff; 
        height: 21.5px;
        white-space: no-wrap;
        list-style: none;
        
    } 

Code: Select all

        <ul id="menu">
        <li class="active"><a href="index.shtml">Home</a></li>
        <li><a href="Wie_zijn_wij.shtml">Wie zijn wij</a></li>
        <li><a href="Diensten.shtml">Diensten</a></li>
        <li><a href="Prijzen.shtml">Prijzen</a></li>
        <li><a href="Portfolio.shtml">Portfolio</a></li>
        <li><a href="Contact.shtml">Contact</a></li>
        </ul>
        

[mcDavid]

de standaard menu-template gebruikt classname "menuactive" voor de huidige pagina. Ik zou je aanraden dat gewoon te gebruiken.

dit kun je trouwens heel makkelijk zelf uitvinden door de development tools van je internetbrowser te gebruiken (F12 of rechtermuis -> element inspecteren)

[sjoerdd87]

En wat is de standaard menu template?

Deze hoef ik dan niet meer te wijzigen? alleen in mijn eigen cms?

[sjoerdd87]

de standaard menu-template gebruikt classname "menuactive" voor de huidige pagina. Ik zou je aanraden dat gewoon te gebruiken.

dit kun je trouwens heel makkelijk zelf uitvinden door de development tools van je internetbrowser te gebruiken (F12 of rechtermuis -> element inspecteren)

Oke het is opgelost, heb in mijn eigen stylsheet van active menuactive gemaakt en het was goed.

[M@rtijn]

Wil je dan nog even [opgelost] toevoegen voor de titel van het eerste bericht in dit topic?

Dank je!