WebsiteBaker Logo
  • *
  • Templates
  • Help
  • Add-ons
  • Download
  • Home
*
Welcome, Guest. Please login or register.

Login with username, password and session length
 

News


WebsiteBaker 2.13.6 is now available!


Will it continue with WB? It goes on! | Geht es mit WB weiter? Es geht weiter!
https://forum.websitebaker.org/index.php/topic,32340.msg226702.html#msg226702


The forum email address board@websitebaker.org is working again
https://forum.websitebaker.org/index.php/topic,32358.0.html


R.I.P Dietmar (luisehahne) and thank you for all your valuable work for WB
https://forum.websitebaker.org/index.php/topic,32355.0.html


* Support WebsiteBaker

Your donations will help to:

  • Pay for our dedicated server
  • Pay for domain registration
  • and much more!

You can donate by clicking on the button below.


  • Home
  • Help
  • Search
  • Login
  • Register

  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Templates, Menus & Design »
  • Vertical flyout menu disappearing!
  • Print
Pages: [1]   Go Down

Author Topic: Vertical flyout menu disappearing!  (Read 8337 times)

Offline naturalp

  • Posts: 31
Vertical flyout menu disappearing!
« 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? .....
Logged

Offline BerndJM

  • Posts: 1764
  • Gender: Male
Re: Vertical flyout menu disappearing!
« Reply #1 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
Logged
In theory, there is no difference between theory and practice. But, in practice, there is.

Offline naturalp

  • Posts: 31
Re: Vertical flyout menu disappearing!
« Reply #2 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..
Logged

Offline BerndJM

  • Posts: 1764
  • Gender: Male
Re: Vertical flyout menu disappearing!
« Reply #3 on: March 15, 2009, 05:22:08 PM »
Hi,

just add the above line to you screen.css

Regards Bernd
Logged
In theory, there is no difference between theory and practice. But, in practice, there is.

Offline albatros

  • Posts: 696
  • Gender: Male
    • http://www.willingen-ferienhaus.de
Re: Vertical flyout menu disappearing!
« Reply #4 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
Logged
أنا لست إرهابيا. ليس لدى أي ورشة عمل القنبلة في الطابق السفلي. ليس لدى أي مرض الجمرة الخبيثة أيضا. أريد شراء لا مادة الريسين. أنا سوف ابدأ السفر إلى الولايات المتحدة الأمريكية

Offline naturalp

  • Posts: 31
Re: Vertical flyout menu disappearing!
« Reply #5 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
Logged

Offline albatros

  • Posts: 696
  • Gender: Male
    • http://www.willingen-ferienhaus.de
Re: Vertical flyout menu disappearing!
« Reply #6 on: March 15, 2009, 06:38:18 PM »
Hi,  as Bernd said

Quote from: BerndJM on March 15, 2009, 05:22:08 PM
just add the above line to you screen.css
of your template.

hth

Uwe
Logged
أنا لست إرهابيا. ليس لدى أي ورشة عمل القنبلة في الطابق السفلي. ليس لدى أي مرض الجمرة الخبيثة أيضا. أريد شراء لا مادة الريسين. أنا سوف ابدأ السفر إلى الولايات المتحدة الأمريكية

Offline naturalp

  • Posts: 31
Re: Vertical flyout menu disappearing!
« Reply #7 on: March 15, 2009, 07:08:23 PM »
Thank you but it didn't seem to do anything...  :| any other suggestions?

Sharon
Logged

Offline albatros

  • Posts: 696
  • Gender: Male
    • http://www.willingen-ferienhaus.de
Re: Vertical flyout menu disappearing!
« Reply #8 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
Logged
أنا لست إرهابيا. ليس لدى أي ورشة عمل القنبلة في الطابق السفلي. ليس لدى أي مرض الجمرة الخبيثة أيضا. أريد شراء لا مادة الريسين. أنا سوف ابدأ السفر إلى الولايات المتحدة الأمريكية

Offline naturalp

  • Posts: 31
Re: Vertical flyout menu disappearing!
« Reply #9 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
« Last Edit: March 15, 2009, 09:40:04 PM by naturalp »
Logged

Offline albatros

  • Posts: 696
  • Gender: Male
    • http://www.willingen-ferienhaus.de
Re: Vertical flyout menu disappearing!
« Reply #10 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

Logged
أنا لست إرهابيا. ليس لدى أي ورشة عمل القنبلة في الطابق السفلي. ليس لدى أي مرض الجمرة الخبيثة أيضا. أريد شراء لا مادة الريسين. أنا سوف ابدأ السفر إلى الولايات المتحدة الأمريكية

Offline naturalp

  • Posts: 31
Re: Vertical flyout menu disappearing!
« Reply #11 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]
Logged

Offline BerndJM

  • Posts: 1764
  • Gender: Male
Re: Vertical flyout menu disappearing!
« Reply #12 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
Logged
In theory, there is no difference between theory and practice. But, in practice, there is.

Offline naturalp

  • Posts: 31
Re: Vertical flyout menu disappearing!
« Reply #13 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...
Logged

Offline naturalp

  • Posts: 31
Re: Vertical flyout menu disappearing!
« Reply #14 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!
Logged

  • Print
Pages: [1]   Go Up
  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Templates, Menus & Design »
  • Vertical flyout menu disappearing!
 

  • SMF 2.0.19 | SMF © 2017, Simple Machines
  • XHTML
  • RSS
  • WAP2