I am using Backdraft to set up a simple web site for a friend.
I want to create submenus, however i cannot figure out how to arrange the elements so that i can view the sub menus as other elements are in front of them. See attached link and select either the 2nd or 3rd menu item. The concept of moving elements forward and backwards in in-line does not exist, so how is this done please?
…The concept of moving elements forward and backwards in in-line does not
exist, so how is this done please?
Backwards and forwards positioning is handled by the z-index property of
CSS, so it happily does exist. Instead of telling Freeway Pro to move the
html item “headerWrapper1” (containing the menu) forward (and therefore
“above” the other page elements), simply select the html item and then menu
Item > Extended. then select the the Style pane, then create a new style
property, name it “z-index” and give it a very high value like “99” to
insure it always stays above the rest of the page.
While you are at it, remove the floats from “headerWrapper1”, “mainbody”,
and “footer” – they are unnecessary and will cause problems with your
layout.
I indicated in a previous post on this thread that the Menu issue was fixed, thank you for that,
I was concerned about your other recommendation in regard to removing the Float from three elements within the page. I use the Backdraft template and this is how the elements are set up by Caleb Grove.
But i did do as you suggested and everything seems fine, i was wondering why Caleb set them up with Float Left??
I will communicate with Caleb directly on this now as my problem has been fixed , thatnks
The post from Ernie which is below fixed the issue, the original post from Ernie was on the 12th October.
Hope this helps.
John
Backwards and forwards positioning is handled by the z-index property of
CSS, so it happily does exist. Instead of telling Freeway Pro to move the
html item “headerWrapper1” (containing the menu) forward (and therefore
“above” the other page elements), simply select the html item and then menu
Item > Extended. then select the the Style pane, then create a new style
property, name it “z-index” and give it a very high value like “99” to
insure it always stays above the rest of the page.
Backwards and forwards positioning is handled by the z-index property of
CSS, so it happily does exist. Instead of telling Freeway Pro to move the
html item “headerWrapper1” (containing the menu) forward (and therefore
“above” the other page elements), simply select the html item and then
menu
Item > Extended. then select the the Style pane, then create a new style
property, name it “z-index” and give it a very high value like “99” to
insure it always stays above the rest of the page.
Currently Freeway Pro doesn’t directly support layering controls for
inline/inflow/BoxModel layouts - but by using the Extended item feature as
described, we can use CSS directly to affect such items.
It seems to me that this question about menus is raised quite often, so I
am glad to see this knowledge of how to treat this issue is finally taking
hold. We can all be experts together
Yes, I would think so… Freeway does not change the laws of physics, or
html. If you build your site without conscious care toward layering - then
you will need a consciously applied solution to remedy the situation.
I know that we buy Freeway with the expectation of never having to know
what we’re doing, but when we paint ourselves into a corner or want to
stretch what we can do, somehow it can only be addressed by learning a
little something extra.
It’s not a bug when we must learn that little something… it is a gift.
Thanks! I’m learning tons! I’ve fiddled with inline layouts here and there, but FW 7 is encouraging me to go back to the drawing board and do everything inline!