CodeVerge.Net Beta


   Explore    Item Entry   Register  Login  
Microsoft News
Asp.Net Forums
IBM Software
Borland Forums
Adobe Forums
Novell Forums




Can Reply:  No Members Can Edit: No Online: Yes
Zone: > NEWSGROUP > Asp.Net Forum > microsoft_downloads.css_friendly_control_adapters Tags:
Item Type: NewsGroup Date Entered: 4/3/2008 6:52:47 PM Date Modified: Subscribers: 0 Subscribe Alert
Rate It:
NR
XPoints: N/A Replies: 1 Views: 90 Favorited: 0 Favorite
2 Items, 1 Pages 1 |< << Go >> >|
albarossa
Asp.Net User
Menu Control - Background Images4/3/2008 6:52:47 PM

0

Hallo and Greetings!

I've created a menu using these nifty new control adapters, and I've also created 4 background images that I wanted to use...

I want the top or Tier 1 level to have its own two images, a main one and a hover, and I'd like all the secondary tier items to have their own regular background and hover.  So in other words, what I'd like to have is for the top menu to have a blue background with a gradient and a cut in it, looks like a folder tab, along with a red hover (gradient and cut also).  The second tier has no cut and no gradient but they do have a blue background that turns red when it hovers.  I can't seem to use the CSS to accomplish this, either all list items including the secondary tier all get the same background and hover, or other funky things happen, like the secondary tier gets two backgrounds...  Can anyone point me to the right styles to accomplish what I am trying to do?

Fet Rot!

Thanks much,

albarossa

albarossa
Asp.Net User
Re: Menu Control - Background Images4/3/2008 9:06:17 PM

0

Issue resolved, realized that some of the style sections cover many different menu areas, for example, changing this:

.SimpleEntertainmentMenu li:hover a, /* hovered text */

.SimpleEntertainmentMenu li:hover span,

.SimpleEntertainmentMenu li.AspNet-Menu-Hover a,

.SimpleEntertainmentMenu li.AspNet-Menu-Hover span,

.SimpleEntertainmentMenu li:hover li:hover a,

.SimpleEntertainmentMenu li:hover li:hover span,

.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,

.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,

.SimpleEntertainmentMenu li:hover li:hover li:hover a,

.SimpleEntertainmentMenu li:hover li:hover li:hover span,

.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,

.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span

 

to this:

.SimpleEntertainmentMenu li:hover a, /* hovered text */

.SimpleEntertainmentMenu li:hover span,

.SimpleEntertainmentMenu li:hover li:hover a,

.SimpleEntertainmentMenu li:hover li:hover span,

.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,

.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,

.SimpleEntertainmentMenu li:hover li:hover li:hover a,

.SimpleEntertainmentMenu li:hover li:hover li:hover span,

.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,

.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span

 helped!

 

Also, you can change the background defaults by ending your background-image style selection with an "!important".

 

Thanks to all who were going to post a possible solution!

2 Items, 1 Pages 1 |< << Go >> >|


Free Download:

Books:
DVD Studio Pro 2: the complete guide to DVD authoring Authors: Bruce C. Nazarian, Pages: 566, Published: 2004
Microsoft Windows Vista Authors: Chris Fehily, Pages: 618, Published: 2008
Professional ASP.NET 2.0 Design: CSS, Themes, and Master Pages Authors: Jacob J. Sanford, Pages: 474, Published: 2007
Dreamweaver CS3: The Missing Manual Authors: David Sawyer McFarland, Pages: 995, Published: 2007
DVD Studio Pro 4: the complete guide to DVD authoring with Macintosh Authors: Bruce C. Nazarian, Pages: 536, Published: 2006

Web:
background image for menu control in ASP.NET 2.0? Talk about background image for menu control in ASP.NET 2.0?
Background image with menu control - SitePoint Forums You cannot use the cssclass attribute on a Menu control that has background images signifying active and inactive states and have it show up ...
css background-image and menu control - ASP.NET Forums I have a static menu with each items having different image and different background image when I tried this with menu control I was unable ...
ASP.NET Menu Control On this example you can see the Menu with background image. To achieve this, you need to customize the CSS Style. CSS /*Main Menu Parent Table*/ . ...
ASP.NET 2.0 Menu control - background image? : menu, background ... Oct 24, 2007 ... Ok, I know I may be just overlooking something, so bear with me. I'm trying to do a simple horizontal menu (Dynamic) for a web site for ...

Menu Control, StaticHoverStyle issue with image background - ng ... Menu Control, StaticHoverStyle issue with image background, > ROOT > NEWSGROUP > Asp.Net Forum ...
asp.net menu control when using a StaticItemTemplate; does not ... However in Internet Explorer the menu control does not navigate to the ... background-image: url(Images/m32.gif);" BorderWidth="0px" ...
want asp menu control to work onclick instead of mouse over. - ng ... Do you want the menu like the control in this link? ... background-image:url( images/menudiv1bg.gif); margin-left:25px; padding-left:20px; ...
Using Css with the Menu Control - ng.asp-net-forum ... background: url(images/bg.gif);. font-size:x-small; ... and nothing happends.... how do you apply styles to the menu control? Thanks, ...
Menu Divider or Seperator using CSS and or CSS adapters ... NET menu control adapters are used, to insert printable characters, .... For IE, I usually append an image of the separator as a background ...

Videos:
Photoshop Tutorial - Remove Background - Isolate Foreground www.FreePhotosAndArt.com In this tutorial we are going to remove an unwanted background. To do so, we first have to isolate the foreground ...
TalkLock on Blackberry Storm Demo This is a demo of the "TalkLock" application running on the Blackberry Storm, as requested by KJack628 over at www.storm-blackberry.com message ...
Photoshop - Remove Background - Isolate Foreground - Tutorial For HIGH QUALITY: http://FreePhotosAndArt.com Sharp full screen video on home site. In this tutorial we are going to remove an unwanted ...
Samsung YP-P2 Seo Tai Ji Special Edition Uci and Samsung YA ... Features The P2 comes in four colors (black, blue, white & red) and comes in 2, 4, 8, and 16 GB variants; it sports a touchscreen, Bluetooth 2 ...
Power Point: Master Slides Episode 4 (of a 18-part series) This Nortel LearniT tutorial explains and reviews the master slides in Power Point.






how to remove extra styles from the menu rendering with the css adapter ?

runtime different than design

preventing menu levels from showing up

css adapter for login + postback problem + error message box

cssadapters and moss and another question.

ie6 prettymenu flickering problem

css adapter treeview and populate on demand using ajax...

can somebody get me this ?

background color - sub menus - can they be different colors without modifying the adapter code

rendered id attributes

updated version of treeview css adapter - improved postback and state handling

css friendly adapters + createuserwizard + custom membership provider = trouble?

treeview on masterpage - onadaptedselectednodechanged doesn't fire

netscape support

menu onmouseout strange behaviour

multiple css friendly control adapters

bug in datalist - no postback in footer

gridview. is this possible?

status bar - onmouseover and other onmouseover - figured it out.

remove right arrow on horizontal menu

aspnet-menu-leaf a:hover problem

when menuitem.navigateurl is not set the menuitemclick event isn't fired!

treeview vs menu css class

what should i do?

totally confused with "simple" menu walkthrough example

using vb.net's "isnot nothing"

background of currently selected page

wizard control adapter with sidebar on top

menuadapter.js and customsitemapproviders

treeview in updatepanel: selected node lost when nodes populating on demand

   
  Privacy | Contact Us
All Times Are GMT