When you look at the site I’m building (I now it is not a great design but my employer loves it) you see near the top css menu’s. When you “mouse over” them they are activated. That works fine but there is a problem!
Not the whole name is “covered”. when you move over “producten” for an example you see that not the whole name is “active” It stops somewhere at the “c”.
“Familiedrukwerk” starts some were in the middle.
I think I found the cause but not the solution. I think it is caused by the fact that the HTML/CSS menu frames are overlapping each other (yes they are layers). For some reason they are wider than the text in it but I can’t make them narrower.
They are far more wider than my text. I’ve even made new ones. But as soon I hit the indent arrow in the list menu, the box jumps to this size.
Djeez … that’s an ugly mathafacka, certainly for a print house. Nevertheless … can you please go to Menubar > Document settings > Output en set it to More readable to begin with? That way the source code is probably a lot easier to look at to start with. I’m curious how the menu has been build. I’ve never used this action for any project myself to begin with, but I do know for a fact that this action has the option to apply the link to the complete with of the tab/menu-item.
But first set the output prefs to more readable, than I’ll take a closer look at it
The whole point of the CSS menu is to make a single semantic structure that outlines your site hierarchy. The fact that it is also visible as a navigable menu is a bonus, but it is far from the point.
That tells a story to visitors (human and robot) that you cannot possibly divine from five disconnected DIV elements, which are probably scattered through the source order of your page by dint of stacking order and separated from one another by unrelated content.
How it looks is entirely under your control using CSS (either hand-written or generated by the Action). If you find that you are not able to get things to line up the way you expect them to, don’t kill the messenger (the semantic structure of the menu), take it as a challenge to “level up” and learn how to fix it properly. Every time you sacrifice structure for looks, God kills a kitten.
On Mar 21, 2013, at 5:21 PM, Thomas wrote:
You are using four different CSS menus while one is sufficient for the main and sub navigation. Use only one. Read the manual how to use CSS menus.
sure, but why not? i often use multiple css-menues like the ts does, just to make the main-themes of the page more visible. got never problems with it.
what is wrong with that idea?
thanks all, i’ve just figured out, what was wrong.
The inspector setting for to get a horizontal main-menue layout needs a html-box which is wide enough. Mine was too narrow and the main menue was only visible with vertical layout. beyond question its a much better thing to have only one css-menue even because it pretty hard to navigate through all overlaying html boxes.