CSS Menu width problem in Mac Safari

Hello - so I waited until the final version of Freeway 5 was released to see if this problem I am having was resolved or not.

I am trying to use the new CSS menu action for a menu system that a client has requested, which is to have separate “buttons” for each selection. I have included a link to my test page below:

http://www.thecallanishgroup.com/menutest/index.html

The menu system basically works well except for the following 2 problems:

  1. The width of the menu displays properly in both the Freeway Preview and Firefox on a Mac however in Safari it clips the right side off. Heck, the menu width even shows correctly in Windows Safari, Firefox and IE 7. Any suggestions?

  2. The bottom menu “button” has a submenu attached to it. I am trying to find a way whereby the “parent” AUTHOR menu item is highlighted as well as the submenu Author 1 page when the user is on the Author 1 page. Any suggestions?

Thanks in advance.


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

David,

Sorry I can’t offer you any solutions, but I should tell you that in my Safari your menus look OK, but in Firefox they are truncated. I have been having the same problem with CSS menus and was hoping that the final version would solve the problem with more settings, but it hasn’t.

It seems like it all depends on the browser font and font size settings of the viewer. If this is the case, then it’s important to provide extra width or height in each cell for the graphic or text to expand or shrink. In Freeway, I believe the height automatically expands, which is maybe why there is no height setting.

It would make more sense to be able to have setting options based on whether one chooses horizontal or vertical menus. Maybe someone with more knowledge of the coding can explain why this isn’t the case.

The only thing to do is override the CSS menu action by adding markup and using your own styles, which defeats the purpose of the action and, to some extent, the software.

As Freeway claims, it is easy to make CSS menus, but only if you settle for the generic kind.

If I am wrong about all this, I’d love to stand corrected and find out how to build elegant CSS menus easily.


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

There are some limitations to CSS and limitations to browsers that support it. In David’s example, the action places the “button” image as a background image behind the list-item type. Tokyo correctly surmises the problem has to do with small but noticable type scaling differences between browsers and users. As the type is scaled up or down, the area around the text that holds the background image also scales up or down – yet the background image remains unchanged. So if the text and container are too small to show the complete image, it appears truncated. Too large, and there is misalignment.

I need to get some time in with Freeway 5’s new features to suggest an approach to this difficulty. Thanks to a special benefactor, I now have Freeway 5 and will be able to catch up to the rest of you. :slight_smile:

Note: I am a little confused why this example expresses as a table… it’s not quite what I would call a CSS Menu. It’s a nice improvement over the javascript menus and for those who aren’t interested in quibbling over code, a handy feature.

tokyo wrote:

As Freeway claims, it is easy to make CSS menus, but only if you settle for the generic kind.

If I am wrong about all this, I’d love to stand corrected and find out how to build elegant CSS menus easily.


Ernie Simpson – Freeway 5 Pro User – http://www.thebigerns.com/freeway/

On 28 Mar 2008, at 21:31, Ernie Simpson wrote:

Note: I am a little confused why this example expresses as a table… it’s not quite what I would call a CSS Menu. It’s a nice improvement over the javascript menus and for those who aren’t interested in quibbling over code, a handy feature.

Hi Ernie,

On that page there are three separate CSS Menu items, each of them table based items so the table is the structure that Freeway’s created. The menus themselves are all list blocks that are being manipulate by separate style selectors.

Joe

tokyo wrote:

As Freeway claims, it is easy to make CSS menus, but only if you settle for the generic kind.

If I am wrong about all this, I’d love to stand corrected and find out how to build elegant CSS menus easily.


Ernie Simpson – Freeway 5 Pro User – http://www.thebigerns.com/freeway/ _______________________________________________
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options