How to rework top menu bar

Avoid search engines ranking our website high on "our brochure"

[TinTin65]

Like many other websites, ours features a top menu bar where visitors can choose their language or order our brochure. Since this is the first table, the search engines pick up associated text such as "Our brochure" and give it high importance. What can I do to leave the graphic design as it is but avoid the first text to be "Our brochure"?

[keyplyr]

Well, one way would be to put the contents of your menu in a JavaScript Include and serve it to each page from an external file:

document.writeln('
CONTENT HERE
');

Save as a text file and rename to menu.js
Then put this on each webpage where you wish the menu to appear:

<script type="text/javascript" src="/directory-if-any/menu.js"></script>

[tedster]

Another way that might work is to put your header in it's own div at the bottom of your html, and use css position:absolute (with a high z-index) to render it at the top of the screen.

You'll need to make sure that the rest of the page is suitably moved down so the header doesn't just overlay that content.

[TinTin65]

Thanks! The javascript little trick is very controllable and easy to implement

[Sanenet]

Course, if your user doesn't have JS turned on then they can't see your nav.

Can't you use an image?

[Robin_reala]

Image based menus can be made accessible but it's not particularly easy. I'd suggest putting the content at the bottom of the page and using CSS to position it at the top.

[TinTin65]

I have played around with css positioning as well this afternoon but find there are annoying rendering differences between IE and FF skewing the position incorrectly in one of the two no matter what I try. With javascript, I can take out the text only but leave the whole graphical interface at its place.

The css positioning tool is cleaner and more accessible (javascript is installed with 93% of browsers but that leaves 7% out) but I can't get the tight result so far that I want...