WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: G4 on January 24, 2010, 11:30:42 AM

Title: Help needed! Styling multiple menu's
Post by: G4 on January 24, 2010, 11:30:42 AM

Hi everyone,

I need too style two different menu's. Followed instructions multimenu's.

Menu 1 shows up correct with a green star on the menu_current page:

Code: [Select]

<div class="menu">
            <?php show_menu(1); ?>
        </div>

Code: [Select]

/* MENU ----------------- */
.menu{float:left;font-size:12px;width:200px;height:144px;margin:0;text-align:left;font-weight:bold;line-height:11px;background-color:#fff}
.menu ul{border:0;list-style-type:none;padding:4px 0 0 0;margin:0}
.menu ul li{background-color:#fff}
.menu a{color:#000;background-image:url(http://www.test.nl/test/templates/round/MENU_STER.gif);background-repeat:no-repeat;background-position:left center}
.menu a:link, .menu a:visited, .menu a:active{padding:5px 0 3px 23px;display:block;text-decoration:none}
.menu a:hover{color:#95a27b;background-image:url(http://www.test.nl/test/templates/round/MENU_GROEN_STER.gif);background-repeat:no-repeat;background-position:left center}
.menu_current a{color:#95a27b;background-color:#fff;background-image:url(http://www.test.nl/test/templates/round/MENU_GROEN_STER.gif);background-repeat:no-repeat;background-position:left center}
example (http://www.broosontwerp.nl/menu1.png)

Menu 2 shows up wrong. There is still a star in the background on the menu_current link:

Code: [Select]

<div class="submenu">
                <?php show_menu(2); ?>
            </div>

Code: [Select]

/* SUBMENU ----------------- */
.submenu{float:left;font-size:10px;width:200px;height:144px;margin:0;text-align:left;font-weight:bold;background-color:#fff}
.submenu ul{border:0;list-style-type:none;padding:4px 0 0 0;margin:0}
.submenu ul li{background-color:#fff;display: inline;}
.submenu a{color:#000;text-decoration: none}
.submenu a:link, .submenu a:visited, .submenu a:active{padding:5px 0 3px 0}
.submenu a:hover{color:red}
.menu_current a{color:red}


example (http://www.broosontwerp.nl/menu2.png)

Please respond with code!