CSS menus

Has anyone successfully externalised the CSS menu’s or would that just
not be possible? If the menu’s need to be written in a .css file then
what would be the least painful way of doing this?

Nathan Garner
Partner

Austin Wells Design Consultants
1 Elmgate Drive, Littledown, Bournemouth BH7 7EF
+44 (0)1202 301271
email@hidden
http://www.awdc-creative.com

Member of NAPP


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

I did a sample layout to demonstrate different css techniques in FW. One part of that is for showing how to use an existing free css menu template off a web site. Part of that file is connecting to and external style sheet for that very purpose.

Here is the link: http://freewaytalk.net/thread/view/43921#m_46412


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

Excellent, thanks you for the link, I will give it a go.

Regards,

Nathan Garner
Partner

Austin Wells Design Consultants
1 Elmgate Drive, Littledown, Bournemouth BH7 7EF
+44 (0)1202 301271
email@hidden
http://www.awdc-creative.com

Member of NAPP

On 23 Jun 2009, at 17:33, chuckamuck wrote:

I did a sample layout to demonstrate different css techniques in FW.
One part of that is for showing how to use an existing free css menu
template off a web site. Part of that file is connecting to and
external style sheet for that very purpose.

Here is the link: http://freewaytalk.net/thread/view/43921#m_46412


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

I’ve got the menu working great, changed dimensions, styles and
colours. But, was just wondering how to add the drop downs. With the
built in CSS menus, you simply added a new list indent, but how is it
done here?

Nathan Garner
Partner

Austin Wells Design Consultants
1 Elmgate Drive, Littledown, Bournemouth BH7 7EF
+44 (0)1202 301271
email@hidden
http://www.awdc-creative.com

Member of NAPP

On 23 Jun 2009, at 17:33, chuckamuck wrote:

I did a sample layout to demonstrate different css techniques in FW.
One part of that is for showing how to use an existing free css menu
template off a web site. Part of that file is connecting to and
external style sheet for that very purpose.

Here is the link: http://freewaytalk.net/thread/view/43921#m_46412


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

When viewing the “style edit home” page, take a look at Edit Styles. You will see a lot of styles set up labeled #menu1. The styles that end in a, or a:hover, or a:hover.current are what make the rollover effects work. The letter a simply stands for “active”, and a:hover means active when mouse hovers over object.

There is allot to css and the language is a barrier if your not up on it, but it isn’t difficult to understand with a good reference book or web site. The real trick for FW users is finding out how and where to enter CSS custom settings that FW will understand and format correctly.


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

But, was just wondering how to add the drop downs.

Sorry, whiffed on your question. Basically, use two ul on your style name to get one sub, three for sub sub, and so on.

#menu1 ul ul a:hover for example. Remember, your html list must be indented also to get sub menus.


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