Re: Menu Control - 1 px line rendered on top of menu because of SkipLink

Careed — Tue, 13 Jan 2009 15:11:14 GMT

You are not alone. If not included, a tag for the skip link is added before the menu table in the rendered HTML. As for the 1 px line, this is a result of your stylesheet, not the tag itself. So, if you have a style for your anchor tags (a), then you might want to consider using a CssClass attribute for your menu control. I tried this and it does not include the skip link with the menu items' style.

Menu Control - 1 px line rendered on top of menu because of SkipLink

FrodeD — Tue, 13 Jan 2009 14:34:09 GMT

Hi,

Maybe someone else have noticed this: The Menu control render a SkipLink above the normal table. It is meant to be invisible to normal browsing, but is useful for screen readers.

From what I find in documentation the SkipLink is not meant to be rendered as default, but it is definitely rendered! Here is what is rendered for my menu, using VS2008SP1, WinXP SP3, Norwegian language pack and keyboard settings:

While width and height and border of this image is all set to 0 it is still rendered by IE7 (and other browsers?) as 1 px point, and will cause a 1px line to be visible on top of you table... This is most annoying in a menu layout, for example when putting the menu inside a div container and setting color and size on the div container.

The documentation claims that this link should not be rendered by default:

http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.menu.skiplinktext(VS.85).aspx

SkipLinkText: The alternate text of a hidden image read by screen readers to provide the ability to skip the list of links. The default is an empty string (""), which indicates that this property is not set.

Some more info can be found here, but to my experience this issue with SkipLink happens also without the display:block setting on a tags ...
http://www.codeverge.net/ng.asp-net-forum.master_pages_themes_and_navigation_controls/.menu-and-the-skip-link

The only workaround I've found is to set SkipLinkText="" in menu definition, which stops the SkipLink to be rendered.

Any other workarounds here? Is this only an issue for non-English users?

Best Regards

Frode D

Master Pages, Themes and Navigation Controls

Re: Menu Control - 1 px line rendered on top of menu because of SkipLink

Menu Control - 1 px line rendered on top of menu because of SkipLink