Skip to main content

Horizontal menu

More
14 years 2 months ago #57553 by ghaithge
Horizontal menu was created by ghaithge
I am using the hagane - Default :template;. and the Extended Menu extension,
how can i make the main menu appear horizontally instead of vertically.

Please Log in or Create an account to join the conversation.

More
14 years 2 months ago #57613 by nicolas
Replied by nicolas on topic Re: Horizontal menu
Can you give a link to that page so that we can see that ?

Please Log in or Create an account to join the conversation.

More
14 years 2 months ago #57615 by ghaithge
Replied by ghaithge on topic Re: Horizontal menu

Please Log in or Create an account to join the conversation.

More
14 years 2 months ago #57637 by nicolas
Replied by nicolas on topic Re: Horizontal menu
You will have to edit the CSS of the template and change mainlevelmainnav to mainmenu in that code because your module uses a different ID:
Code:
.moduletablemainnav { /* I have absolutely positioned the module, you might have a different scheme. */ float:left; z-index:100; font:0.9em Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; } #mainlevelmainnav ul { float:left; list-style:none; line-height:1em; margin:0; padding:0; background-color:#000; } #mainlevelmainnav li { float:left; background-image: url(../images/parenthese.jpg); background-repeat: no-repeat; background-position: right; padding-right:28px; margin-top:6px; font-weight:bold; font-size:12px; } #mainlevelmainnav a { display:block; text-decoration:none; margin-left:25px; color:#FFF; } #mainlevelmainnav a:hover { color:#14cbec; } #mainlevelmainnav a.sublevelmainnav { font-weight:normal; padding-bottom:5px;} a#active_menumainnav{ color:#14cbec;} #mainlevelmainnav li ul { position:absolute; left:-999em; margin:0; padding-bottom:10px; padding-top:10px; } #mainlevelmainnav li li { float:none; background:none; } #mainlevelmainnav li:hover ul,#mainlevelmainnav li li:hover ul,#mainlevelmainnav li li li:hover ul,#mainlevelmainnav li.sfhover ul,#mainlevelmainnav li li.sfhover ul,#mainlevelmainnav li li li.sfhover ul { left:auto; z-index:6000; } #mainmenu{ height:30px; background-color:#000; } a.mainlevelmainnav{ padding-bottom:3px;}
The following user(s) said Thank You: ghaithge

Please Log in or Create an account to join the conversation.

Time to create page: 0.142 seconds
Powered by Kunena Forum