Help with a css menu

Hi,

I am looking at using the css menu action to reduce the handcoding on my next site, but I need to know if there is a way to override the actions use of em’s for the div’s.

The effect I am trying to achieve shall look like this when finished:

http://mmuller.vndv.com/picture1.html

Ideally I would like to remove the em widths and just use padding on the right of each item to set a distance between them. Is this possible and if so what attribute and tag would I need to target in the extended options of that tag.

Regards,

mm


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

You can over-ride the CSS Menu Action by manually editing it by hand in an external editor, but you can’t change the measurements from EM to PX in Freeway.


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

Sometime around 11/4/09 (at 18:51 -0400) Dan J said:

You can over-ride the CSS Menu Action by manually editing it by hand
in an external editor, but you can’t change the measurements from EM
to PX in Freeway.

Actually, while you can’t change the code that the action outputs,
thanks to the way CSS works you can override the code with your own.

For example, the horizontal menu at
http://www.panoramaphotographer.com/ is made with the CSS Menu
action, and a single extra line of CSS code slipped in using Page >
HTML Markup tells the browser to scale the menu to a specific pixel
width rather than using ems.

It is not the ideal solution, but if you can figure out what you want
the action to output you can put that in yourself. Just make sure the
code is inserted after the code the action makes and all should work
as desired.

k


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

Thanks Keith,

A perfect answer and a solution that looks exactly how I want it, all I had to do is change the fixed width to this:

and each menu item is given a proportionate amount of screen space based on their on width :slight_smile:

Regards,

mmull


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

The only slight problem I have now is setting the width of the submenu associated with the css menu, as currently it auto inherits the ‘auto’ value from the parent item, but I would ideally like to specify as fixed width so that all the submenu items align left and right nicely instead of stepping as they currently do.

Does anyone know the markup for the submenus that are created by the css menu action - I have tried fwFirstChild and also fwSub1 but I think I might be using them incorrectly.

Any help will be greatfully received - regards,

mmull


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

I recommend you look at the page using Xyle scope (now Free!) from http://culturedcode.com . Use the keyboard shortcut Command-Y to toggle between link and selection mode, so you can “drive” the submenu into visibility, then click in selection mode on the submenu element. This incredible analysis tool can tell you precisely which styles (and from which style source) are authoritative over the submenu.

Walter


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

Sometime around 12/4/09 (at 04:13 -0400) mmull said:

The only slight problem I have now is setting the width of the submenu

<style type="text/css">
<!--
#fwNav1 li, #fwNav1 dd { width:218px; }
#fwNav1 * ol, #fwNav1 * ul, #fwNav1 * dl { width:218px;  }
-->
</style>

In the first of those two #fwNav1 lines xhange 218 to the width you’d
like your main menu items to be. In the second line change it to be
the width you’d like for your submenus. But you may find that they
don’t like going smaller than the main menu.

Minimal testing - as in, it works on http://www.panoramaphotographer.com/ !

k


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