[Pro] CSS Submenus and Inline Construction

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?

Thank

John

http://www.reenoserve.com/kathleenpics/


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

…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.

Best wishes…

Ernie Simpson, aka The Big Erns


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

Ernie,

Great thanks, learnt what z-index’s are used for…

As for removing the Float on the three elements you mentioned, this is how Caleb set them up in Backdraft, so not sure what the issue will be.

Thank You

John


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

Ernie,

Tried your suggestion and there was/is no immediate impact, maybe Caleb if you are monitoring this thread you could help me understand this one?

Thank You

John


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

The concept of moving elements forward and backwards in in-line does not exist, so how is this done please?

Ernie already pointed, and I did even a screencasts - so time to introduce probably:

http://www.kimmich-dm.de/wordpress/?p=880

Cheers

Thomas


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

I just looked at your page and the menu/submenu appears above the rest as I
said it would. So what’s the problem?

http://www.reenoserve.com/kathleenpics/


Ernie Simpson

On Sat, Oct 12, 2013 at 4:09 PM, ejw email@hidden wrote:

Ernie,

Tried your suggestion and there was/is no immediate impact, maybe Caleb if
you are monitoring this thread you could help me understand this one?

Thank You

John


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


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

On 12 Oct 2013, 8:15 pm, Thomas Kimmich wrote:

The concept of moving elements forward and backwards in in-line does not exist, so how is this done please?

Ernie already pointed, and I did even a screencasts - so time to introduce probably:

http://www.kimmich-dm.de/wordpress/?p=880

Cheers

Thomas

Thomas,

Thanks will take a look.

John


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

On 12 Oct 2013, 8:55 pm, The Big Erns wrote:

I just looked at your page and the menu/submenu appears above the rest as I
said it would. So what’s the problem?

http://www.reenoserve.com/kathleenpics/

Ernie Simpson

On Sat, Oct 12, 2013 at 4:09 PM, ejw

Ernie,

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

Thanks


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

You had said…

Tried your suggestion and there was/is no immediate impact, maybe Caleb if
you are monitoring this thread you could help me understand this one?

and it sounded to me as if you were unable to make it work. Glad it does
work.

As for the floats, they are still unnecessary in your layout - though it is
up to you whether you keep them or not.


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

Ernie,

Yes correct i should have been more specific that comment was to do with removing the Float Left.

thx

John


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

John,
Could you tell me how you resolved this issue?

Billy


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

Hello,

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.


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

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 :slight_smile:


Ernie Simpson


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

Ernie,

Is this z-index still needed/advisable with FW 7?

Thanks,

Doty


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

Is this z-index still needed/advisable with FW 7?

It will depend entirely on your individual layout.

David


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

Is this z-index still needed/advisable with FW 7?

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.


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

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!


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