Page 1 of 1

Display problems with menu section headers[SOLVED]

Posted: Sat Mar 31, 2007 7:30 pm
by Rytter
Hi,

I'm using version 1.0.4, and I have a problem with the menu display.

It's easier to have a look at www.765.dk, than for me to explain :-)

The problem is the section headers.

The header "Træning" looks wrong compared with "Om hokuto-kai JKA", and it doesn't display submenu items.

What did I mess up ? I have tried reapplying the template for all pages, but to no avail.

Thanks in advance
Kenneth

Re: Display problems with menu section headers

Posted: Sat Mar 31, 2007 8:26 pm
by RonnyK
Kenneth,

is the other one a "Section Header"? The styling is different, but that might be caused, because the first one is an active-menu-link that gets its styling from CSS.

I use the re-order pages option in "Content -> Pages", to put the page up/down and then confirm that to reset the pages. After that often the listing is correct.

I also notice on your page that a lot of the pages open in a new window, don't you want that all to stay on your site, meaning to be opened in the content-area?

Ronny

Re: Display problems with menu section headers

Posted: Sat Mar 31, 2007 8:46 pm
by RonnyK
Kenneth,

If that is the only section header you have (submenu's available but no content in the header needed), you can also create it as a link, linking it to the first child f.e., so if someone presses it, he/she goes directly to the first page, all other childes will be shown as well. You can also just type some text in the header, explaining what data is to be found in the childs.

Ronny

Re: Display problems with menu section headers

Posted: Sat Mar 31, 2007 10:07 pm
by Rytter
Hi Ronny, and thanx but it didn't help.

I tried reordering, and confirming(viewed the page in IE to check), but it doesn't help.

Bothe "headlines" are section headers, so I dont understand the difference. When I put the "træning" in the top, it still displayes in the wrong format, compared to "Om Hokuto-kai".

Arout the opening in new pages: When I test, only the "Gå til Forum" link opens on a new page - does it behave differently for you ?

Thanks again
Kenneth

Edit: Didnt see your reply 2 until now - Ill have a look at that and see if it's usable :-)

Re: Display problems with menu section headers

Posted: Sat Mar 31, 2007 10:17 pm
by Rytter
Ok, Just tested, but it seems like my problems are more complex than that.

Try looking at www.765.dk again.

When you now click "Træning" again, the "Om Hokuto Kai" section header changes to look like the other one did earlier.

I have no idea why this is happening, and I'm not into CSS at all(if that's where the problem is)...sigh...

/Kenneth

Re: Display problems with menu section headers

Posted: Sun Apr 01, 2007 5:55 am
by RonnyK
I thought so. When you start the page, the "Om Hokuto Kai", is the active menu-item, and gets its styling from the CSS. "Training" is then the header which is styled differently. To work with sectionheaders, and have them styled as normal first-level menu's you have to style them using CSS, otherwise you have to use the same logic like you did with the training-entry.

Basically using CSSyou can style all elements of the menu, based on first-level, second-level, active or not ative, being a parent or not, etc....

The first menu is an active parent, at start, which is differently styled compared to a non-clicked sectionheader.

The easiest way is to make it a content-page with a little content, or as a link to the first menu-child. This way you have all items similar with no additional styling needed.

Ronny

Re: Display problems with menu section headers

Posted: Sun Apr 01, 2007 7:23 am
by Rytter
Ok, at least I know what to do now, thanks a lot for your help :-)

Kenneth

Re: Display problems with menu section headers[SOLVED]

Posted: Mon Apr 02, 2007 9:56 am
by RonnyK
Kenneth,

I checked the menu for the 2-col-left-nav menu and found the styling for the standard "sectionheader".

If you want to go with the sectionheader logic, you could style this logic. If you style it similar as the other non-seelcted headers, you can use this in the menu without having to have content inside.

Code: Select all

/* section header */
#primary-nav li.sectionheader {
   border-left: 1px solid #000000; 
   border-top: 1px solid #000000; 
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0.5em;
   background-color: #fff;
   margin: 0;
   width: 100%;
}
Ronny

Re: Display problems with menu section headers[SOLVED]

Posted: Mon Apr 02, 2007 11:59 am
by Rytter
Hi Ronny,

Thanks fror following up on this, and it works - partly though.

The section headers looks right, but they don't work a link, so I cannot see the entries below it.

Have a look at my site, and see what I mean, if you have the time :-)

Thanks again
Kenneth