We have a horizontal menu on one of our websites that wraps onto a second line (intentionally) which used to work well in all browsers about 2 years ago but now doesn't work so well in some of the upgraded browsers.
The issue in some browsers is that there is no clear break from one line to the next: the blank space in front of the first menu item in the second row gets left at the end of first row.
I can fix this by having the menu items in separate divs, one for each row, but not without ditching the dynamically generated menu which automatically takes all assets at the top level and creates a menu.
So to my question: is there some way of telling matrix to dynamically generate the menu only using, say, the first 6 assets, and then resume generating the menu for the next 6 assets, and so on, which would then allow us to assign each section of the menu to its own div?
Could you show us a screen shot or something, this could just be a css issue.
I'll be able to help you fix the code up, It's probably just some silly depricated problem.
If you can paste the code/css of the side navigation I can have a look at it for you.
As Nic rightfully identified this is most likely a css issue so follow that through first. One way that broken menus have been achieved have been through nested asset listings to build the menu rather than the menu design area. You should only do this if it is really the only way to achieve what you want as it is not really good practice for menus. So, create an asset listing that generates the code for the menu then clone it. For the first row set it to display the number of assets you want for your first row. For the second set all the positions that represent your first row with no content. So if you set the first listing to 6 in the first listing you would customise the first six positions for the second and make sure they all have no content. Viola, you have what you asked for and a very, very, very slow menu unless you cache the crap out of it. But like Nic said, it will probably be the css. And if you have the first horizontal sidenav in history, Ryan can fix it 
Too bad the performance hit is so high on your idea Shane… I’ve been wanting to do a mega dropdown for awhile and the asset listers seem like it would work but not so helpful if it crawls or my server falls over.
[quote]
I'll be able to help you fix the code up, It's probably just some silly depricated problem.
If you can paste the code/css of the side navigation I can have a look at it for you.
[/quote]
Here is the design and relevant CSS code…
#menu {
width:408px;
margin-top: -32px;
}
#first-level {
width:408px;
margin: 0;
padding: 0;
font-size:0.9em;
text-align: right;
}
#first-level ul {
margin: 1px 0 0 0;
padding: 0;
list-style: none;
/* background-color:#d6d673;*/
}
#first-level ul li {
display: inline;
line-height: 2.7em;
}
#first-level ul li a:link, #first-level ul li a:visited {
display: inline; /* Gets rid of IE double maring bug (gets overriden by the "float: left" so actaully does nothing visually really) */
/* float: left; */
padding: 8px 8px 8px 8px;
text-decoration: none;
color: #000;
background: #d6d673;
}
#first-level ul li a:hover {
background: #b0b058;
}
#first-level .selected a:link, #first-level .selected a:visited, #first-level .selected a:hover, #first-level .selected a {
background: #b0b058;
}
[quote]
Too bad the performance hit is so high on your idea Shane… I’ve been wanting to do a mega dropdown for awhile and the asset listers seem like it would work but not so helpful if it crawls or my server falls over.
[/quote]
i don’t see any problem to build mega dropdown by normal menu design area for the HOMEPAGE. But just wondering how would you do with deeper level pages’ menu, how does it look like?
:rolleyes:
Can you chuck me a link to the website as well, so I can edit it in firebug?~
If you don't want anyone else too see it just pm me it.
[quote]
i don't see any problem to build mega dropdown by normal menu design area for the HOMEPAGE. But just wondering how would you do with deeper level pages' menu, how does it look like?
[/quote]
Well the thing I figure can't be gotten around is the fact that the groups in a mega dropdown have to be grouped somehow in the HTML (either with divs or something else) and I don't see how you could group menu items in Matrix that were all children on the same level. Also inserting the 'heading' of each group in the dropdown would be beyond possibility I would think.
[quote]
Well the thing I figure can't be gotten around is the fact that the groups in a mega dropdown have to be grouped somehow in the HTML (either with divs or something else) and I don't see how you could group menu items in Matrix that were all children on the same level. Also inserting the 'heading' of each group in the dropdown would be beyond possibility I would think.
[/quote]
I have missed out the "grouping by categories" which is main feature of so called mega dropdown menu. Personally I don't like Office2007 where the mega menu comes from. :lol:
But I think it's doable still. First, decide how the menu being grouped, you cannot group the pages by metadata or thesaurus that cannot be used by menu design area. To use the normal_menu, create another location(for example a site) without webpath then link those pages under in the grouping logic, have the normal_menu point to this location. So you can generate a complete different menu which doesnt' reflect the real site's structure.
Nic originally showed this idea for the 'tagged' calendar assets, but I failed to find that post! Just a thought, and again, it might be crazy to implement.
Robin