Indexhibit Support

so as the content of my page grows, i have turned to the expanding menu. however, after messing around with the javascript file i have to realize i'm just not java-savvy...

my problem is that the cursor doesn't change to pointer when you mouse-over the menu titles.

i'm using thenine's expanding menu script and my theme is bogh.

i guess it's something like placing this somewhere in the script - but where? i've tried various stuff...

1. item_title.css({cursor:"pointer"})

link to expanding menu script by thenine

Cursor should have quotes around it.

thanks, but do I put it in the java file itself or in the stylesheet? And if in the java file - where (or anywhere)?

I don't know...I thought you just wanted a quick debug. Somewhere in thenine's script.

It's "javascript" not "java". There is a huge difference between the two. Websites rarely use java.

I've done it with

1. #menu ul li.section-title { cursor: pointer; }

@ vaska

i'll try and sort out my lingo - sorry, just a newbie at this...

@ lemathieu:

great this did the trick... thanks so much.

ok, am trying on the horizontal expanding menu layout also (theme folder called bogh2) . It works brilliantly in Firefox and IE but not in Safari.

As the menus expand the width of each column stays fixed which result in scrollbars at the bottom of each menu column... have gone through all my css, javascript and the index.php file, but i can't figure out where I go wrong.

Link to original thread on horizontal expanding menu

Any hints would be greatly appreciated...

and your site is ?

oh sorry!

hey man, looks great !
I like the way this is "slidding" when you open a section…
Really.

ok

just play with width:XXpx in #menu ul li.section-title {

but my solution will exterminate the "slide" effect.
:(

or…

… correct your css.

And come back to say what's happening.

ok I tried messing around with the css. Now it kinda shows correctly in safari (with small bugs) but I cant the open menu's to be the same width.

this is the part i changed:

1. #menu ul li {
2.         width: auto;¬†¬†¬†¬†
3.         font-family:Georgia, "Times New Roman", Times, serif;
4. ¬†¬†¬†¬†text-align: left;
5. ¬†¬†¬†¬†font-size: 8pt;
6. ¬†¬†¬†¬†margin: 0px 0px 3px 12px;
7. }
8. #menu p {
9.         width: auto;
10. ¬†¬†¬†¬†color: #1a1a1a;
11. ¬†¬†¬†¬†font-family:Georgia, "Times New Roman", Times, serif;
12. ¬†¬†¬†¬†text-align: left;
13. ¬†¬†¬†¬†padding: 0px 0px 0px 5px;
14.     margin: 10px 0px 9px 18px;
15. }

before i had

1. #menu ul li {
2.         width: 150px;¬†¬†¬†¬†
3.         font-family:Georgia, "Times New Roman", Times, serif;
4. ¬†¬†¬†¬†text-align: left;
5. ¬†¬†¬†¬†font-size: 8pt;
6. ¬†¬†¬†¬†margin: 0px 0px 3px 12px;
7. }
8. #menu p {
9.         width: 150px;
10. ¬†¬†¬†¬†color: #1a1a1a;
11. ¬†¬†¬†¬†font-family:Georgia, "Times New Roman", Times, serif;
12. ¬†¬†¬†¬†text-align: left;
13. ¬†¬†¬†¬†padding: 0px 0px 0px 5px;
14.     margin: 10px 0px 9px 18px;
15. }

ideas are very welcome...

Hi Mikkel,

I'm very interested by the way you've donne your website. can you make a sort of theme of it. i'de like to start on you base if you agree.

I like the horizontal menu with the sliding effect. It is what i want for my website (not exactly the same). And then customize it my way. i'd like my menu to be expandable horizontally. any ideas how i can do that?

Sorry my post give you more questions than answers but i think i'm even more a newbie that you say you are.

Thank you. I'll really appreciate some help here.