Indexhibit Support

I am using the Collapsable Menu javascript and I want to have the menu items under the main selection to be indented in under the main selection.

EX.
Weddings
>>Shannon + Danny

(>> represents the space or indent in under the menu. The "Weddings" is the collapsable menu)

www.antoinette-rodriguez.com is what I'm working on.

Thanks for the help.

try this

1. padding-left: 0px;
2. on your #menu ul

the sections titles are styled by #menu ul li.section-title

If you look at the website now is how I don't want them. I WANT the sub-menu to be indented. The padding is currently at 0px by default. If I add padding to the left it just moves the main selection and the sub-selection/ menu both over.

This is what I want:

Weddings
(indent/ padding)Shannon + Danny

The Shannon+Danny link would be indented UNDER the weddings link. I hope this makes sense.

Please read the forum rules...
and are here to help... :-)))

What lemathieu suggested is to style your menu with something like

1. #menu ul li.section-title {
2. padding-left:0;
3. }
4. #menu ul li {
5. padding-left:20px;
6. }

But as you will see this sort of code won't be of much help as it also indents the rest of the menu...
I can think of quick and dirty hacks about this but not a real easy dynamic solution.

thanks pindaros, sometimes words don't come in good order…
I must be finger-dyslexic.

yeah that was the problem I ran into, It just indents the whole menu. What are these hacks that you speak of? Is this something that can be done, or should I figure out a different direction?

the hack would be to include a ul list in the prenav or post nav text box in which every list item is linked to a hidden exhibit page... But that's quite static isn't it? And it's dirty (boots)...

Very static. Thanks for the help anyways. I got the effect I am after with just some em dashes, not ideal but it works and sets the submenus off from everything else.