Solved

Transparent menus in ASP.NET

Posted on 2006-10-20
6
1,266 Views
Last Modified: 2010-05-18
Please click on any of the red-arrowed menus on the left pane of the following link:

http://nev.romtech.com.au/

The menus have been tested against all of the popular browsers.
Unfortunately, the submenus do not look that good when viewed in the newest version of IE7.
Can anybody please help me find out why the submenu items appear in a transparent colour?

 <asp:Menu ID="NavigationMenu" runat="server" BorderColor="gray" BorderWidth="1" BorderStyle="Solid"
                        Width="150px" StaticMenuItemStyle-BorderWidth="1" StaticMenuItemStyle-BorderColor="white"
                        StaticSelectedStyle-BackColor="#ffffe0" StaticMenuItemStyle-Height="24px" StaticMenuStyle-BackColor="LightGrey"
                        StaticMenuItemStyle-ForeColor="darkblue" StaticMenuStyle-Font-Bold="true" StaticPopOutImageUrl="Images/ArrowRed.gif"
                        DynamicMenuStyle-Height="24px" DynamicMenuStyle-BackColor="LightGrey" StaticSelectedStyle-ForeColor="#B00000"
                        DynamicMenuItemStyle-BorderColor="white" StaticHoverStyle-ForeColor="Red" DynamicHorizontalOffset="5"
                        DynamicMenuStyle-BorderWidth="1" DynamicMenuItemStyle-ForeColor="darkblue" DynamicMenuStyle-Width="150px"
                        DynamicMenuItemStyle-Width="150" DynamicHoverStyle-ForeColor="Red" DynamicMenuItemStyle-BorderWidth="1"
                        DynamicMenuItemStyle-Height="24px" DynamicMenuStyle-BorderColor="gray" DynamicPopOutImageUrl="Images/RedArrow.gif"
                        DynamicSelectedStyle-BackColor="beige">

Please note: The Menu is in a cell of a Table. This is an HTML Table, not an ASP Table

TIA

Dabas
0
Comment
Question by:Dabas
  • 2
  • 2
6 Comments
 
LVL 20

Expert Comment

by:REA_ANDREW
ID: 17772789
have you tried css?

give you cell a CssClass="YourClass" then in your CSS have this

.YourClass{
filter:alpha(Opacity=50);
-moz-opacity:0.5;
}
0
 
LVL 20

Expert Comment

by:REA_ANDREW
ID: 17772819
sorry small correction, byt the way just include this in any css class you wish to add transparency to

.YourClass{
filter:alpha(Opacity=50);
-moz-opacity:.5;
}
0
 
LVL 27

Author Comment

by:Dabas
ID: 17777153
Thanks,

I do not want an Opacity of 50%
I want the page to load in IE7 the same as in IE6 and other browsers.
I am trying to find out why it behaves differently. Is it an IE7 bug?

Also, I had trouble with your suggestion, as Visual Studio complained with the following error:
 'filter' is not a known CSS property name
It seems VS2005 does not yet know about IE7 css enhancements?

Thanks again,

Dabas
0
 
LVL 27

Author Comment

by:Dabas
ID: 17779941
I managed to solve the problem myself
All I needed was to add
DynamicMenuItemStyle-BackColor="beige"

Dabas
0
 
LVL 1

Accepted Solution

by:
kodiakbear earned 0 total points
ID: 17826175
Closed, 500 points refunded.
kb
Experts Exchange Moderator
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Suggested Solutions

This article discusses the ASP.NET AJAX ModalPopupExtender control. In this article we will show how to use the ModalPopupExtender control, how to display/show/call the ASP.NET AJAX ModalPopupExtender control from javascript, how to show/display/cal…
IntroductionWhile developing web applications, a single page might contain many regions and each region might contain many number of controls with the capability to perform  postback. Many times you might need to perform some action on an ASP.NET po…
It is a freely distributed piece of software for such tasks as photo retouching, image composition and image authoring. It works on many operating systems, in many languages.
This video gives you a great overview about bandwidth monitoring with SNMP and WMI with our network monitoring solution PRTG Network Monitor (https://www.paessler.com/prtg). If you're looking for how to monitor bandwidth using netflow or packet s…

758 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now