[Pro] CSS Menu drop down hidden Hype markup

I am working on a new site with a gallery made with Hype. The problem is that the CSS menu drop down (under “gallery”) is hidden behind the Hype markup.
I have tried the solution by Tim found here: http://www.freewaytalk.net/thread/view/98413#m_98422
but it does not work for me.

The site is an inline (box model) layout.
Can be viewed here: http://stationv.com/hype/index.html


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’m just guessing, but try control-clicking on the CSS menu at selecting “move to front”.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Vic,
As I mentioned in that previous thread moving a nested item’s layer order in a box model layout can be tricky.

Here’ the hammer that will crack this nut. Add the following code in Page > HTML Markup (Before End Head);

<style type="text/css">
<!-- 
#css-menu {z-index:100 !important; }
-->
</style>

Essentially this just moves the menu above the other items on the page by giving it a z-index higher than anything else. Normally you would do this by bringing something to the front of your design or moving the item in the site panel but your inflow layout prevents you from doing this.
Regards,
Tim.

On 16 May 2012, at 17:10, VicH wrote:

The site is an inline (box model) layout.
Can be viewed here: http://stationv.com/hype/index.html


FreewayActions.com - Freeware and commercial Actions for Freeway Express & Pro - http://www.freewayactions.com
FreewayStyle.com - Free Freeway templates and parts to download, use and explore - http://www.freewaystyle.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Tim,
Thanks so much. It did “crack this nut”.
When trying with your code before, I had not changed the #name to “#css-menu” bit from what you had (#menu) dah.
Vic


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hey Tim,

I tried your solution but am still finding that my submenus when they pop out are covered by a HTML box that I have with just text. This has occurred on some pages but not others and the move to front or back doesn’t seem to solve the problem.

Unfortunately neither did your solution which surprised me.

I tried installing it in the Master page in both Before and Before (one then the other) — neither fixed my problem. The submenus are still covered by the HTML boxes of text.

What am I missing? Keep in mind that I’m not an expert by any stretch of the imagination and have just started teaching myself Freeway a couple of days ago.

Using Freeway Pro 5

Thanks in advance!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Julian,

On 22 Oct 2012, at 18:24, Julian wrote:

Unfortunately neither did your solution which surprised me.

It surprises me too! :slight_smile:

Do you have a page online that we can see and try and remedy this for you?
Thanks,
Tim.

Experienced Freeway designer for hire - http://www.freewayactions.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I don’t I’m afraid. Like I said, I just started using this to rebuild my 300+ page site - not close to being able to upload it yet.

Is there a way of Drop boxing the page and resources so you can see it?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sure. Post the Dropbox link here. Just make sure that you extract the FTP details from your Freeway file before you upload it. I don’t think anyone would do anything nasty but it really isn’t worth sharing FTP details on a public forum like this.
Regards,
Tim.

On 22 Oct 2012, at 18:51, Julian wrote:

Is there a way of Drop boxing the page and resources so you can see it?


Experienced Freeway designer for hire - http://www.freewayactions.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It was easier to get Dropbox to email you access to the folder. Probably safer too. This I did to your listed email account.

Thanks


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Julian,
Looking at your Freeway file I can see that the menu on the left has a lower layer order than the content on the right (the photo of the uniform). The answer is to make the menu a layer item in the Inspector palette, turn on Show Items in the site panel and drag your menu (item 1) below the uniform photo (KABL1a) in the site panel. This will give the menu a higher z-index than the photo and will display the menu (and sub menus) above the other content.
Regards,
Tim.

Experienced Freeway designer for hire - http://www.freewayactions.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Tried this days ago. I can drag the item down below other items but when I release it goes back to where it was in the hierarchy. Likewise the move to front or back functions fail to move the css menu.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You can always use the menu Item > Extended to select the div style pane
and add the attribute manually, over-riding Freeway Pro.

name: z-index

value: 99


Ernie Simpson

On Mon, Oct 22, 2012 at 4:25 PM, Julian email@hidden wrote:

Tried this days ago. I can drag the item down below other items but when I
release it goes back to where it was in the hierarchy. Likewise the move to
front or back functions fail to move the css menu.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

OK… I found that my CSS menu was not a “layer” and as such I could not move it higher up the tree past layers. So I turned the menu box into a “layer” and now I can drag the menu down past any other blocking layers. The above code still doesn’t seem to affect it though.

At least I’ve figured a work around. This is just my 3rd day with this software so still trying to feel my way around.

@Ernie - tried what you suggested and for reasons that are as unclear as why Tom’s code didn’t work - yours didn’t either. Still, I’ve got it doing what I want but just have to do it all manually with every page rather than globally through the Master as I would have liked.

Thanks guys!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

but just have to do it all manually with every page rather than globally through the Master as I would have liked.

If the 2 items that overlap are both layers then this method will just work - change them both to layers on the Master page first and then ensure that on each individual page that these items are set to use Master Content and Master Settings.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks David but the two conflicting layers were page specific. I wanted to set the menu to simply be on top of anything on any page as Tom and Ernie’s solutions should have caused. Not sure why they’re not working for me but suspect that it’s me, not the software as I am trying to learn it very quickly.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

In that case selecting the Menu item on the Master and using Ernie’s Item>Extended attributes will work. Do it under the

tab.

Without being able to see an online page/code we can’t tell if you have done it right.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

if your item wasn’t layered, no amount of code in the known universe could have moved it. The difference between CSS layouts and table layouts.


Ernie Simpson

On Oct 22, 2012, at 5:09 PM, “Julian” email@hidden wrote:

@Ernie - tried what you suggested and for reasons that are as unclear as why Tom’s code didn’t work - yours didn’t either. Still, I’ve got it doing what I want but just have to do it all manually with every page rather than globally through the Master as I would have liked.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I tried it after layering with no results.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Julian,
Maybe I wasn’t clear enough when I said that the menu item would need to be made into a layer in the Inspector palette. As you’ve found out dragging a non-layered item in the site panel above layered items will just snap the item back below the other layered items.
Regards,
Tim.

On 22 Oct 2012, at 22:09, Julian wrote:

OK… I found that my CSS menu was not a “layer” and as such I could not move it higher up the tree past layers. So I turned the menu box into a “layer” and now I can drag the menu down past any other blocking layers. The above code still doesn’t seem to affect it though.


FreewayActions.com - Freeware and commercial Actions for Freeway Express & Pro - http://www.freewayactions.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Tim! Just sent you a message to your email regarding Flurry.

You’ve been very patient. Thanks!

Julian


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options