CSS menus

I am looking to create a CSS menu that has a horizontal main menu but also a horizontal submenu, rather than a vertical list, so that i get 2 parrallel horizontal lines in the menu.

I have uploaded a jpeg to the example link to give an idea of what i am after.

Any help with this would be much appreciated.

cheers
Joe/

http://www.joewalkling.com/client-area/horizontal-menu.html


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

Here is an example but I am afraid it is not done with an Action - it is hand coded.

http://www.deltadesign.co/fw_examples/menus/dropmenu.html

David


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

I must say… just saw this David. Its really cool. Ive always wanted to do that horizontal sub
C


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

I think the BAM Action should do that for you.

Hubert


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

This is great David - exactly what I am after
Would you mind giving me the code you used for this?
and perhaps lending a hand in how to implement this?
Cheers
Joe/


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

Horizontal menus is on my CSS Menu’s wish list for a while now :slight_smile:


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

Couldn’t this be done with each main tab targeting it’s own submenu using a sticky show/hide layer action?


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

Hi Joe,
As previously mentioned you can do this with the BAM Action and insert your sub menu as a child of the main menu item. Here’s an example I just put together that shows one way of doing this using BAM;
https://dl.dropboxusercontent.com/u/795566/test/BAM/Horizontal-Menu/index.html
and here’s the Freeway 6 Pro file;
https://dl.dropboxusercontent.com/u/795566/test/BAM/Horizontal-Menu/BAM-Horizontal-Sub-Menu.zip

I ended up using the CSS Menus Action for the sub menu which, on reflection, I should have replaced with a simple text box with linked text in it as the CSS for the main menu wants to naturally control the widths of the sub menu items as well. To correct this I had to add a line of CSS to the Edit > Styles dialog. One of the biggest issues with BAM is CSS inheritance where styles for the main menu are cascaded down into the child menus. This isn’t the fault of Freeway as the Action is moving the content around behind its back.

Anyway, hopefully this should give you an indication of how you can add horizontal sub menus in a CSS Menu using the BAM Action.
Regards,
Tim.

On 4 Jun 2014, at 16:45, Joe Walkling wrote:

I am looking to create a CSS menu that has a horizontal main menu but also a horizontal submenu, rather than a vertical list, so that i get 2 parrallel horizontal lines in the menu.


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

hopefully this should give you an indication of how you can add horizontal sub menus in a CSS Menu using the BAM Action.

The advantage being that it is WYSIWYG which you wont have if you use mine!

But if you want to try my version then drop me a line including your specific requirements. You will get my email by clicking on my Name in the head of any of my posts on FWT

D


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

Hi Guys

thanks so much for you help on this so far and for all your Tim, i really appreciate it.

David - I think I’m going to give it a go with B.A.M and see how i get on. If i get stuck i’ll definitely drop you a line.

cheers
Joe/


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

On 4 Jun 2014, 11:37 pm, DeltaDave wrote:

Here is an example but I am afraid it is not done with an Action - it is hand coded.

http://www.deltadesign.co/fw_examples/menus/dropmenu.html

David

Hello Davie
I was wondering if this is something which your hand coded version can do within a responsive design?

Its still something I am seeking to achieve i.e. a horizontal menu. The BAM version was achievable but is not for a responsive site.

Any thoughts at all?

Cheers for now

Anthony


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options