next »

[sottwell]

This is a nice template.  A few things to take note of:

There are three separate menus.  At the very top is a menu which can be used for external links, or dividing the internal installation of MODx into different virtual sites, for example a multilanguage site.

In the case of a list of external links, it should use an unpublished (or not shown in menu) folder of weblinks.  In the case of internal virtual sites, set the DropMenu snippet there to use 0.  Each folder in the root of the Tree will contain the virtual site.  There are a number of ways to control the main menu in that case, for example see http://modxcms.com/forums/index.php/topic,409.0.html for one method.

The main menu is a single-level list.  Any submenus are displayed in a sidebar menu.  In these circumstances, you cannot use an empty folder to contain a submenu.  All of the main menu items must be linkable documents, with content and a template.

The submenus are preceded by a little snippet that determines if there will be any submenu items.  If there are, it displays a menu header. 

You will most likely want to replace the text in the template with chunks containing your own content.  It's better to use chunks and keep text out of the template, not only to keep your template code clean and obvious, but also so you can use the same chunks of content in other templates and only need to make changes to the chunk, not to every template.

[sottwell]

There is an issue with the sidebar menu if it has multiple levels.  I'm working on it, and will attach the snippet to use as soon as it's all finished.

[sottwell]

Ok, the template has been corrected to properly handle the sidebar submenus.  It no longer adds a heading to the menu.  The snippet used to set the correct startDoc id is included in the updated download attached to the first post.  It is also being released in the Snippets etc. forum.

[stupid]

Just a quick query, probably a stupid CSS question, but I'm having trouble with the formatting of the top menu bar, In Firefox, it overlaps the img by approx 1 pxl, and in IE (god I hate having to deal with IE) there is about a 4 or 5 pxl Gap between the top menu and the img.

Any suggestions would be greatly appreciated!

[sottwell]

Yes, the issue is the CSS.  All I can suggest is fiddle the CSS until it looks good.  I often have to put a conditional style block in the template to handle IE.  There are "hacks" for it, but they usually depend on bugs in IE that they fix so the hacks don't work any more, but the problem you used the hacks to fix are still there!

I'll load it up in IE tomorrow morning, and see what needs to be done to fix it.

[Dr. Scotty Delicious]

Ahh... The dreaded style with IE.  The problem:  your page looks great in every browser... except, IE screws with your beautiful positioning.  Especially noticeable if you use "float:" in your CSS.  Rumored to be repaired in IE7, IE6 and below are still riddled with problems involving web-standard CSS1 positioning classes.  The easiest (and most universal) fix I have found is a conditional comment with style info:

http://www.quirksmode.org/css/condcom.html

I use this for the margins on my lists ( The subNavigation section ) on my website.

-sD-
scotty Delicious

[stupid]

Cheers Scotty,

Yeah that conditional sorted me out, just tweaked the bottom margin to -7px in the CSS and in the   IE conditinal set it to -14px and all is now right with the world. Apart from IE as nothing will ever be right with that browser it would seem ^_^

Thanks again.

[DNA]

#Edit#

[sophietje]

How to get the menu in the sidebar working? I can't get it right with the css provided. It shows an ordinary list instead of the markup that is assigned to the sidemenu....
I don't use the Ultimate Parent snippet from the zipfile, I use the snippet that was already in my MODX.

[sottwell]

Do View Source on your page, and check the id or class names for the containers (div or ul) for the menu. You'll need to adjust the CSS to match those.