How to get rid of "width: 3px" separator in horizontal asp:menucontrol?

  • Thread starter Thread starter DC
  • Start date Start date
Hi,

I want to use a horizontal tabbed menu and took this solutions as a
template:

http://www.java2s.com/Code/ASP/Components/TabcontrolDemoC.htm

Everything is cool, but in my menu there are no spaces supposed to be
seen between the tabs. The menu control seems to render a <td> with an
inline style "width: 3px" between the tabs.

Is there a way to get rid of that?

TIA for any hints!

Regards
DC
Click to expand...

<asp:Menu ...
StaticSelectedStyle-ItemSpacing="0px"
StaticMenuItemStyle-ItemSpacing="0px"
... />

does help. At least a little, there is now a <td> element with 0 width
between the tabs, so the borders will double regardless of a "border-
collapse: collapse;" style for the menu.

I tried to somehow get rid of the "<td>" separators, but could not
find a way. While there is a cool <StaticItemTemplate>, I found no way
to style or get rid of the separator. I would be most thankful for any
idea on this.

Regards
DC
 
Back
Top