styling CSS menus

I want to style my FW CSS menu so that the current page state of a menu item has a strikethrough to indicate that you are on that particular page.

How can I do this? Can it be done?


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

Yes, it can be done, but it does take some hand coding. Here is a link to an old tutorial put together by Graham Smith that I have used to do this very thing.

http://web.archive.org/web/20070107052422/http://www.workwise-suffolk.co.uk/


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

thanks chuckamuck.

I also need to adjust the leading of the text in my CSS menu but when I go to ‘Style’ - ‘leading’ it works fine visually in FW but when I publish it doesn’t apply the leading settings that I have chosen?

Any ideas why this doesn’t work and does anybody know a proven way to adjust leading in these menus?


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

When you say style-leading do you mean you used the Style Menu to add it? If you do that it creates a new style in the styles editor with a generic name. You want to target your css menu only. The way to do that is create a tag name that is the same as your menu object name but with a # sign in front of it (#menu for example). When you do that any html object on the page name “menu” will use that style.

I’m not sure how you built you menu, but you probably want to use padding on the ul style instead of leading. This will add space above, below, or to the sides of you list items which make up the menu.

In the Style Editor click the Extended button on your style and add “padding” in the name field, and in the value field either enter 0 or the amount of pixels you want as padding. So for example you might set value to 0 10px 0 10px. That reads 0 pixels on the top, 10 pixels on the right, 0 pixels on the bottom, and 10 pixels on the left. Value settings for Padding and Margins are always in that order (TOP, RIGHT, BOTTOM, LEFT)


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

I meant I went to ‘Style’ on the menu, then ‘leading’ and adjusted it there.


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

okay i am trying to style the list the way that has been described (this is the first time that I have done this) and when i publish now it adds ‘<#navmenu’> before every item listed in my menu.

can anyone please help.


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

(this is the first time that I have done this)

Good for you!

First thing you should do is go back and check all your typing for extra or mistyped characters. The ’ character in <#navmenu’> makes me suspect you have typos.


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

… and when i publish now it adds ‘<#navmenu’> before every item listed in my menu.

Did you put the #navmenu tag in the tag field (the left one) or the name field (the right one)?


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

Don’t actually apply the style to your text – just create it. As long
as you have created the style with a value in the Tag field and none
in the Name field, Freeway will publish it into the page or the
stylesheet without you needing to force it to.

Walter

On Jan 22, 2009, at 7:06 PM, lfcredbird7 wrote:

okay i am trying to style the list the way that has been described
(this is the first time that I have done this) and when i publish
now it adds ‘<#navmenu’> before every item listed in my menu.


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