Menu separator in customized artmenu


Author Message
schwehz

Posted: 8/10/2009
Quote message 

I have made a small customized menu above my header and main menu (artmenu) .

In my artmenu I have a vertical thin line as a menu item separator which I also want to have in my customized menu. I copied all the code to my customized menu called artmenu_top, but the menu separator does not work. This is the class line in my CSS template:

/* begin MenuSeparator */
.nav .separator
{
display: block;
width: 1px;
height: 25px;
background-image: url('../images/item-separator.png');
}

Do I have to manually connect .nav class to my module, and if so how?
 
Garry

Posted: 8/10/2009
Quote message 

I think your new menu is not picking up the separator image: item-separator.png

You may like to post your website URL here
 
schwehz

Posted: 8/14/2009
Quote message 

Quote Garry:

I think your new menu is not picking up the separator image: item-separator.png

You may like to post your website URL here



My website is www.ledfonden.se

my customized menu is the one at the right top.
 
Garry

Posted: 8/14/2009
Quote message 

Your main menu's code is inserting an additional <li> tag to display the separator image while the top right menu is even not having that <li> tag to display separator image.

Your main navigation code(for first two menu items):
<li class="item28">
<a href="/se/index.php/hem">
<span>
<span>Hem</span>
</span>
</a>
</li>
<li>
<span class="separator"/>
</li>
<li class="parent item30">
<a href="/se/index.php/stoed-oss">
<span>
<span>Stöd oss</span>
</span>
</a>
</li>

Your top right navigation code(for first two menu items):
<li class="item128">
<a href="/se/index.php/laenkar">
<span>
<span>Länkar</span>
</span>
</a>
</li>
<li class="item141">
<a href="/se/index.php/press">
<span>
<span>Press</span>
</span>
</a>
</li>


From which file did you copy that navigation code, it'll be helpful if you provide some more details.
 
schwehz

Posted: 8/18/2009
Quote message 

I made a mod_mainmenu ( this is my customized menu) and copied the same css code from my main menu, and pasted it in the style.css template again with some changes in font color etc. I also changed the name in the css for my customized menu and named it ".artmenu_top", whilst the css for the mainmenu is named ".artmenu".

In my editor for the module for my customized one, I also added "_top" in the input for the Module class-suffix.

What did i miss?