Welcome, Guest. Please login or register.
Did you miss your activation email?
May 27, 2012, 12:09:28 AM

Login with username, password and session length
Search:     Advanced search
Wollen Sie dem WebsiteBaker Team beitreten?
Nähere Informationen finden Sie unter hier und auf unserer neuen Webseite.
155556 Posts in 21715 Topics by 7737 Members
Latest Member: gx-world
* Home Help Search Login Register
Pages: [1]   Go Down
Print
Author Topic: horizontal parent menu, vertical sub menu  (Read 1397 times)
adiwillow

Offline Offline

Posts: 64


« on: January 31, 2006, 02:44:23 PM »

Hi all,

using 2.6.1 , and need to have a horizontal parent menu (with no child display) on one area, and a vertical sub menu in a seperate area...

i'm a bit stuck... currently using the <?php show_menu(1,0,1); ?> for the main menu block, and <?php show_menu(1,1,-1); ?> for the child in another block area... but the top menu is in a bullet format, and i need it in a normal inline.. with the child menu being in a display:block type list...
Hope that make sense !

can anyone help?
cheers
adi
Logged
adiwillow

Offline Offline

Posts: 64


« Reply #1 on: January 31, 2006, 03:00:32 PM »

hmmm i think i've sussed it...

i've removed the <li> from class.frontend.php

Code:
   if (!isset($wb->menu_item_template)) {
    $wb->menu_item_template = '<span[class]>[a][menu_title][/a]</span>';
   }
   if (!isset($wb->menu_item_footer)) {
    $wb->menu_item_footer = '';
   }
   if (!isset($wb->menu_header)) {
    $wb->menu_header = '<ul>';

and wrapped the submenu in a div..

Code:
<div id="navcontainer"><?php show_menu(1,1,-1); ?></div>

the used the following code i piched from somewhere else on this site...

Code:
#navcontainer {background-color: #000000;border-color: #000000;
    border-style: solid;
    border-width: 2px 2px 1px 0px;margin-left: 0px; }

#navcontainer ul <---This is the first, or parent item formating.
{
    line-height: 9pt;
margin: 0;
padding: 0;
list-style-type: none;
font-size: 9pt;
font-family: arial, Helvetica, sans-serif;
}

#navcontainer li { margin: 0 0 1px 0; }

#navcontainer a
{
display: block;
padding: 8px 10px;

color: #fff;
background-color: #036;
text-decoration: none;
}

#navcontainer a:hover
{
color: #fff;
background-color: #69C;
text-decoration: none;
}

#navcontainer ul ul li {  <---This is the child, or 2nd level item NOTICE TWO 'ul'.
   
    list-style-type: none;
    margin: 0;
    padding: 0; }

#navcontainer ul ul a
{
display: block;
padding: 8px 8px 8px 20px;

color: #fff;
background-color: #369;
text-decoration: none;
}

#navcontainer ul ul a:hover
{
color: #fff;
background-color: #69C;
text-decoration: none;
}

it seems to work okay, but is this the best way?
Logged
pcwacht
Guest
« Reply #2 on: January 31, 2006, 03:59:31 PM »

http://css.maxdesign.com.au/listamatic/

once again

John
Logged
Pages: [1]   Go Up
Print
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.16 | SMF © 2011, Simple Machines Valid XHTML 1.0! Valid CSS!