Topic: Hiding the flyout menu (Navigation)..........

[DW7240]

What do I need to add to the flyout menu xml file to make it hide when displaying, for example, pictures on the screen.  To see what I mean, please visit my site and go to the weather photo albums page which is near the bottom of the menu left hand side of screen, clicking on any photo will enlarge the picture, a nice feature but the flyout menu appears on top of the image, while the rest of the website hides behind the picture.

Any help would be appreciated as usual.

Thanks.

Nick. Dw7240.com

[saratogaWX]

Yes, in the ddphpalbum.css change

Code: [Select]

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 8px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
to

Code: [Select]

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 8px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 600;
and the popup full display will be placed over the menu (which uses z-index: 500 in it's css).

[DW7240]

Hi Ken,

Thank you for the reply, done as you suggested, the picture now appears above my site page, unless a viewer realizes this and moves the page down, they won't see the pic - Any other suggestions ?  I may have to keep to original css and just put up with the menu down the left side of the pic, or make the larger image smaller and avoid the menu, but that rather goes against the idea of a full screen view (well almost full screen)  Maybe a full screen image is the answer - if so, what part of the script controls this ?

Thanks again Ken,

Nick. DW7240.com

[DW7240]

OK it now works, wow.......

Why it didn't work before is beyond me !

Thanks so much Ken !!!

Nick. DW7240.com

[saratogaWX]

The CSS was likely cached by the browser... doing a shift-reload would cause it to be reloaded and parsed.

You're welcome!