WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: naturalp on March 15, 2009, 03:14:14 PM

Title: Vertical flyout menu disappearing!
Post by: naturalp on March 15, 2009, 03:14:14 PM
I tried to create a vertical flyout menu using this thread https://forum.WebsiteBaker.org/index.php?topic=8622.msg51248#msg51248  but for some reason my menu disappears behind my images - this is the page - http://merrylegsfalabellas.com/pages/sunny.php  if you click on 'Sunny' you will see it in action..

I have no idea how to fix this - has anyone else had the same problem? - suggestions? .....
Title: Re: Vertical flyout menu disappearing!
Post by: BerndJM on March 15, 2009, 03:52:40 PM
Hi,

try to give your #sidenav a z-index eg
Code: [Select]
#sidenav { z-index:99; }

Regards Bernd
Title: Re: Vertical flyout menu disappearing!
Post by: naturalp on March 15, 2009, 04:44:52 PM
Sorry but I don't understand what you're asking for.. - this is what I put in the Index.php file
<div id="sidenav">
<?php show_menu2(0, SM2_ROOT, SM2_ALL, SM2_ALL, false, "\n</li>", false, false, false, '<ul id="sidenavList" class="adxm">'); ?>
</div>

If you could be less specific?   ..

Thanks..
Title: Re: Vertical flyout menu disappearing!
Post by: BerndJM on March 15, 2009, 05:22:08 PM
Hi,

just add the above line to you screen.css

Regards Bernd
Title: Re: Vertical flyout menu disappearing!
Post by: albatros on March 15, 2009, 05:55:02 PM
Hi,

wouldn't it be better, to give "#sidenav ul li" the "z-index:99;"?

Best regards

Uwe
Title: Re: Vertical flyout menu disappearing!
Post by: naturalp on March 15, 2009, 06:34:21 PM
+Hi thanks for trying to help but I haven't a clue what either of you are suggesting I do.  If you could explain a bit more what I should do and where I shoudl put it that would be great.  I'm not a developer and am trying my best but my age seems to be letting me down somewhat...... less brain cells!

Thanks

Sharon
Title: Re: Vertical flyout menu disappearing!
Post by: albatros on March 15, 2009, 06:38:18 PM
Hi,  as Bernd said

just add the above line to you screen.css
of your template.

hth

Uwe
Title: Re: Vertical flyout menu disappearing!
Post by: naturalp on March 15, 2009, 07:08:23 PM
Thank you but it didn't seem to do anything...  :| any other suggestions?

Sharon
Title: Re: Vertical flyout menu disappearing!
Post by: albatros on March 15, 2009, 08:08:37 PM
Hi Sharon,

did you try Benrnds suggestion, or did you try my suggestion, which was to edit your screen.css here:
Code: [Select]
#sidenav ul li { position: relative; z-index:99;}?

Regards

Uwe
Title: Re: Vertical flyout menu disappearing!
Post by: naturalp on March 15, 2009, 08:38:37 PM
I've tried both, yours just now and neither seem to make any difference. It's so anoying and I just haven't a clue... If you can think of anything else then Please let me know.

Thanks again -***update..... I could attach a zip of the template if anyone wants to take a look? .

Sharon
Title: Re: Vertical flyout menu disappearing!
Post by: albatros on March 15, 2009, 11:31:32 PM
Hi,

curios. I tried it in firebug and it worked. Did you clear your browsercache an reload the page with the edited css?

But feel free to attach your template and someone will get a solution here.

Regards

Uwe

Title: Re: Vertical flyout menu disappearing!
Post by: naturalp on March 16, 2009, 09:55:07 AM
Yes I've cleared the cache etc. just can't work it out.  I use IE7.. I have attached the necesary files in a zip.. hope its ok..

[gelöscht durch Administrator]
Title: Re: Vertical flyout menu disappearing!
Post by: BerndJM on March 16, 2009, 10:03:46 AM
Ok,
in FF3 now it works as it should, so is the remaining question "what's the f*** is necessary to get it also workin' in IE7"

Regards Bernd
Title: Re: Vertical flyout menu disappearing!
Post by: naturalp on March 16, 2009, 12:39:19 PM
and I thought this was going to be just one of those silly little things.....if anyone knows please speak up! - maybe I could then get on with something useful.. like potatoe planting...
Title: Re: Vertical flyout menu disappearing!
Post by: naturalp on March 17, 2009, 01:28:25 PM
I've decided that I cannot mess around with this anymore - if someone can get it to work then I would love it but I htink I will just plump for a horizontal drop down menu.. that is simpler!