I have built a website for my new consulting company. I am having difficulties with the CSS Menu.
On every one of my devices bar the 27inch iMac (including iPhone and iPad) the CSS Menu displays as I want - on a single line with the font size displaying exactly as I set it in Freeway.
On my 27inch iMac, in both Safari and Firefox, the text in the CSS Menu seems to increase in size and then spill over onto a second line.
I’m having a blank moment - any suggestions in how I can fix the menu size and layout for every display? The rest of the site appears fine.
It’s also vitally important in using the CSS Menu Action to do as little font styling as possible within the HTML item (containing the menu item list) as possible. This is particularly to do with how the link tags will be written by the Action.
Adding local style on top of the style chosen in the Actions palette, on top of the link styling chosen in the Inspector for that HTML item is a good way to end up with a chopped salad of code. There’s no way the Action (or a browser) can untwist what you meant from that.
Start with entirely unstyled text, and add only the barest minimum. Try to do everything at one or two removes rather than locally, so you don’t end up with span-sandwich links.
###Simple rule:
If you have text selected and you’re doing anything to do with style, you’re doing it wrong.
You should always see corner handles showing on an HTML box when you are styling text to become part of your menu.
Walter
On Sep 18, 2013, at 8:58 AM, DeltaDave wrote:
Looks fine on my 27" iMac but you actually have 2 styles applied to those links
Home has style24 applied with a size of 9px and style38 which has a size of 12px
John Hackett has style24 applied with a size of 9px and style11 which has a size of 11px
Similarly for the others - so I suggest you decide which one you want and only have the one style applied.