M
michael.spencer
Why does:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Cause a corona around the anchors in the static menu items and removing
it fixes it?
And why does it fix it in IE and not Firefox? Or, how can I fix it all
together?
<%@ Page Language="VB"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<style>
.tab {background-image:
url(http://img145.imageshack.us/img145/2994/tabaa8.gif);
background-repeat: no-repeat; text-align: center; width: 150px; height:
25px; padding:2px}
.tab_over {filter: Alpha(Opacity=100, FinishOpacity=50,
Style=3);}
.tab a:link, a:visited {text-decoration: none; color: White;}
</style>
</head>
<body style="font-family: Verdana">
<form id="form1" runat="server">
<asp:Menu ID="Menu1" runat="server" Orientation="Horizontal"
StaticDisplayLevels="3">
<StaticMenuItemStyle CssClass="tab" />
<StaticHoverStyle CssClass="tab_over" />
<Items>
<asp:MenuItem Text="New Item" Value="New
Item"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New
Item"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New
Item"></asp:MenuItem>
</Items>
</asp:Menu>
</form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Cause a corona around the anchors in the static menu items and removing
it fixes it?
And why does it fix it in IE and not Firefox? Or, how can I fix it all
together?
<%@ Page Language="VB"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<style>
.tab {background-image:
url(http://img145.imageshack.us/img145/2994/tabaa8.gif);
background-repeat: no-repeat; text-align: center; width: 150px; height:
25px; padding:2px}
.tab_over {filter: Alpha(Opacity=100, FinishOpacity=50,
Style=3);}
.tab a:link, a:visited {text-decoration: none; color: White;}
</style>
</head>
<body style="font-family: Verdana">
<form id="form1" runat="server">
<asp:Menu ID="Menu1" runat="server" Orientation="Horizontal"
StaticDisplayLevels="3">
<StaticMenuItemStyle CssClass="tab" />
<StaticHoverStyle CssClass="tab_over" />
<Items>
<asp:MenuItem Text="New Item" Value="New
Item"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New
Item"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New
Item"></asp:MenuItem>
</Items>
</asp:Menu>
</form>
</body>
</html>