[OPGELOST] Menu active zetten

sjoerdd87 · **Joined:** Fri Apr 20, 2012 11:48 am **Posts:** 59

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:

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:

        <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 · **Posted:** Fri Apr 20, 2012 3:50 pm

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 · **Joined:** Fri Apr 20, 2012 11:48 am **Posts:** 59

En wat is de standaard menu template?

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

sjoerdd87 · **Joined:** Fri Apr 20, 2012 11:48 am **Posts:** 59

mcDavid wrote:

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 · **Posted:** Sat Apr 21, 2012 9:20 am

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

Dank je!

[OPGELOST] Menu active zetten

Who is online