CSS menu help

Hi,

I’ve got a horizontal one row table with my menu/links in it. I style the links through the cell ‘extended’ option naming a class, with the css written in the page html markup function.

All works well, but I need to position a small arrow (gif) denoting the page which the user is on - just to differentiate it from active links. I thought the image-background:url thing would do the trick, but nothing shows up?

Anyone know how to position my arrow gif just offset below my inactive link? This is the css I’ve been trying:

.menu { border:1px solid #666; font-family:trebuchet,verdana,arial,sans-serif; font-size:12px; font-weight:bold; background:red; color:#666; background-image:url('Resources/downarrow.gif'); background-repeat:no-repeat; background-position:20px 20px; }

cheers,
Hugh


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

And, you don’t just want to use the CSS Menu Action for this instead of a table? It seems like a lot of extra work to go through.


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

Hi Robin,

No I’m quite happy doing it this way! I’m quite used to it, just not sure of the css to show a little arrow gif on an inactive link.

(had a look at actions forge and can’t see any action called CSS Menu…??)


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

It’s built into every version of Freeway since 5.0. It’s not on the
Forge because it’s a “core” Action.

Walter

On Aug 11, 2011, at 9:30 AM, hugh wrote:

(had a look at actions forge and can’t see any action called CSS
Menu…??)


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

Errrm…I’m not even on 4 blush


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

You could study some of Stu Nichols css menus for some clues. There’s quite a few that do what you want.

Here’s link to one that might be what you’re after.

http://www.cssplay.co.uk/menus/anywidth-flyout.html


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