special "indicators" for drop down or fly out menus

How can I accomplish this with CSS menu writer?

www.fh.org/

...or... this one:

carbon.htm

If there are sub-menus, they are indicated by a special arrow, or some other "special" symbol.

Thank you.

It can't be done through the interface, but it can be done...

Any menu li tag that has sub-menus will have the "parent" class, so you can use that to add an arrow to just those items.

You would have to add it for each level of the menu you want, but for instance the first level might look like:

ul#cssmw0 ul.level-1 > li.parent > a, ul#cssmw0 ul.level-1 > li.parent > a:link {
  background-image: url("../cssmw0_images/arrow.gif");
  background-position: 95% 50%;
  background-repeat: no-repeat;
}

Thanks, Ray. I tried it using the example you gave me, but the arrows are showing up on every fly out menu, not just the ones with sub-menus.

main.php

Also, when mousing over the fly out menus, they are disappearing on me before I can click on any of them.

Thanks!

The disappearing menu items don't seem to be an issue with Firefox, but they are not working well with I.E. and Chrome. They're really flaky in Opera as well. Thanks! I've played around with the z-index a bit, but I might not have it on the right tag...

send a copy of the CSSMenuWriter/cssmw0/menu.php file please.

the disappearing menu problem is usually caused by not specifying a height and width.

i see in your css, that the menu items have a width specified, but the height is missing

for cross browsers compatible menus, you will need to specify both the height and width in pixals for the menu levels.

Here is the attached menu.php file.

I have created a support ticket so we can look into this issue further.

To view and edit your support ticket, please log into your support history:
supporthistory.php

If anyone else is experiencing this same issue, please append to this thread.