.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
Gaurav Pal
Post New Web Links

Css Friendly Adapters - asp.net Horizontal Menu - IE6

Posted By:      Posted Date: August 21, 2010    Points: 0   Category :ASP.Net


Hopefully someone can help.

I have an asp.net menu with horizontal static top tier followed by 2 dynamic vertical lower tiers.

It renders fine in all other browsers etc. etc. - apart from IE6.

In IE6 the menu is not rendered horizontally and insttead the items are stacked vertically.

It is my understanding that when using horizontal orientation, the menu items are effectively floated next to each other. 

So I can get round this float problem in IE6 by specifying a width for the items i.e.:


*html .AdminMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
	width: 45px;
	text-align: left;
	margin: 0;
	padding: 0;

Problem is, I do not want to set the width for each item. If I do this then it means regardless of the length of the text the width will always be the same.

On other browsers I do not set a width but instead set left/right margin so that every item is evenly spaced.

How can I do this in IE6? Essentially each li should wrap the text and float nex

View Complete Post

More Related Resource Links

CSS friendly menu adapters and the iPhone



I have just built a horizontal menu with dropdowns using the CSS Friendly Adapters and it all works great. However, thought I'd test the site using the iPhone. The menu appears across the screen as it should, and the top layer links work. But when I hover/click on an item that has items below the dropdown does not appear.

any ideas why that is happening, could it be to with the friendly browsers file?

Cheers Rob.


CSS friendly menu adapters and the iPhone



I have just built a horizontal menu with dropdowns using the CSS Friendly Adapters and it all works great. However, thought I'd test the site using the iPhone. The menu appears across the screen as it should, and the top layer links work. But when I hover/click on an item that has items below the dropdown does not appear.

any ideas why that is happening, could it be to with the friendly browsers file?

Cheers Rob.


are the "CSS Friendly Control Adapters" being used in ASP.NET 3.5 and above?


I am a long time ASP.NET developer, but have just encountered the issue of CSS vs Tables in a deep manner (so far I have just used the built-in controls or just created my own controls).

I bought a great book on this issue, but the book is reffering the ASP.NET 2.0 via VS2005.

I am using ASP.NET 3.5 and above via VS2008/2010.

My first question is: are the "CSS Friendly Control Adapters" still alive in 2010 or maybe there are a new techniques being used?

My second question is:  are the "CSS Friendly Control Adapters" being used in ASP.NET 3.5 and above via VS2008/VS2010?

I will appreciate your help and advise.





Cant find vsi file for CSS Friendly Control Adapters


Hi guys

This is driving me crazy... I cant find the .vsi file for installing the CSS Friendly Control Adapters Project. Does anyone know where I can get this?

The following link: http://www.asp.net/cssadapters/ only leads to the CodePlex wiki where I can download the dll and a partial solution. Essentially, I'm looking for the source code to implement the Menu adapter.

Any help is much appreciated!

Addressing a specific node with CSS Friendly Control Adapters


Hello everybody,

I like the concept of the friendly control adapters, but I'm not sure if I can use them for my purpose.
My whole menu basically consist of one image, which itself contains the images for each menu item (is that understandable?).

Each menu item then displays only a certain part of the image.
I do this by shifting the background-position.

#navigation li#home a{
background-position:0px 0px;

/* Registration */
#navigation li#registration a:link, li#registration a:visited {
background-position:-106px -34px;

#navigation li#registration a:hover, li#registration a:focus {
background-position:-106px 0px;

/* Administration */
#navigation li#administration a:link, li#administration a:visited{
background-position:-212px -34px;

#navigation li#administration a:hover, li#administration a:focus{
background-position:-212px 0px;


I would like to do the same now with CSS Friendly, but I don't see how I can address each individual menu item node.
In static HTML I can give each link an ID (i.e. #administration), but I don't see how to do this with the asp:Menu control and CSS Friendly.

Can someone help me?

Thanks a lot,

web.config - adding css friendly adapters to existing website

Hi Forum,  Please help me with the major headache I've wasted hours trying to figure out!  I have done everything explained in the tuturial to add css friendly adaters to an existing site and still no luck.  I am thinking that it has to do with modifying my current web.config file to use the css adapters.  Problem is, I can't find any specific instructions as to what I have to do to the current web.config file to make the site compatible with the css adapters!  I tried to modify the config file based on what on the example, but nothing seems to work.  Any help would be greatly appreciated!  Thanks, D

how change the direction of AspNet-Menu-Horizontal

 .PrettyMenu .AspNet-Menu-Horizontal{ direction :rtl; } ????

horizontal navigation menu instead of vertical

Hello I'm a newbie and using the internet/publication site type. Is there a simple way to have the Navigation (menu) oriented in a horizontal with dropdown menus instead of vertical? It would also be nice if the horizontal navigation wouldn't not scroll with the rest of the page. Thanks! Matt==GP Blog== http://dynamicssmallbusiness.blogspot.com/ ==Free GP Addons/Customizations/Tips== http://landiscomputer.com/offer/1010_GP_Newsletter.htm ==GP Tweets== http://twitter.com/search?q=%23dyngp#search?q=%23dyngp

Your opinion: Are CSS friendly Adapters dead in 2010?

What do you think? Is it wise to start to use CSS Friendly adapters at this point (2010) with these observations in mind: VS2010 and .Net4 are coming and may offer something new MVC is an option if you really want to manage your page layout Microsoft is not involved with CSSFA The codeplex project seems to be sleeping along It's been 4 years since it started   Is there a better way to get control of the HTML emitted by ASP.Net controls? I for one  am fed up with wrestling with the failures of browsers to handle the table code properly (e.g. applying classes) yet I am fearful of going down the CSS road when it seems so stale. What do you think? Your recommendation?

ASP.NET menu control with CSS Friendly dll casuses slow rendring

I am using ASP.NET menu control  with CSS Friendly dll casuses slow rendring,Is there any way i can make little bit fast rendring?Thanks in advance

Menu Divider or Seperator using CSS and or CSS adapters.

Great work on the Adapters.  I am attempting to create a menu with separator via CSS between specific items.  Please refer to http://forums.asp.net/thread/1449615.aspx for more detail with regards to plain (non css adapted) menus.  Is it possible using CSS adapters to specify a divider or separator between specific menu items, preferably using styles/css such as a border-bottom: 1px or even a 1 px high span/div tag with a background color?  Please note I don't want to apply this to all items in the menu, just specific ones.  Can this be done through modifying css classes, or would the adapter code need to be modified.  I am new to CSS adapters, perhaps someone can please point me in the right direction?  Thanks!  Example:   SubMenu MenuItem 1 MenuItem 2 -----------------  < Preferably a style/css, not an imageMenuItem 3 MenuItem 4      

Stretch the menu (horizontal) background-image across the page


 I would like to continue my background image to the right end of the content holder and keep the menu items over on the left of the content holder.  Does this make sense?  For example, my menu items are dynamically loaded.  Sometimes I have only two (Guest and Member).  Right now my background image ends rignt after the "Member" item but I want the image to continue across the page.  It is important to note that setting the "width" property in the CSS stretches the items across the page and this is not what I seek.  Here's a bit of code.

/* Menu Styling */
   background-image: url(../../images/bavbg.gif) no-repeat;


#menu .Item
  /* CSS class for non-selected Menu Item */
  border:Solid 1px Gray;
  background-image: url(../../images/bavbg.gif);

#menu .ItemSelected
  /* CSS class for selected Menu Item*/
  background-image: url(../../images/bavbg.gif) no-repeat;

#menu .ItemHover
  /* CSS class for hovering Menu Item*/
  background-image: url(../../images/bavbg.gif) no-repeat;

/* CSS classes for standard Links, only valid inside the #menu DIV */
#menu a, #menu 

Newbie needs help to compile CSS Friendly Control Adapters


I use VB.NET and create Website Projects (not Web Application Projects). Up to now, I have had little need to understand much about the compilation processes in VS2010.

However, to make use of the CSS Friendly Control Adapters it would appear that I have to compile the source code into a CSSFriendly.dll file. I would appreciate some detailed guidance on how to achieve this.


Tabs on CSS Friendly ASP:Menu not reacting properly to mouse over


I have created a horizontal main menu that exploits Douglas Bowman's 'Sliding Doors' technique to create variable width tabs, as modified by Christophe Geers for application to the ASP:Menu control (using the CSS Friendly Control Adapters). The menu is also horizontally centred using techniques described by Matthew James Taylor. My markup and CSS is shown below.

Among other differences, the selected tab is taller than the others, and the text colour changes to black instead of blue. If you move the mouse over the middle of an unselected tab, then this tab also rises up and the text colour changes to black. It is also clickable. That is the desired behaviour.

My problem is that unselected tabs are not fully sensitive to a mouseover across their full width.

This problem happens when the mouse is moved over the left edge of an unselected tab (within 4 px of the edge, this being the width of the left hand tab graphic). The tab moves up as expected but the text on the tab remains blue and the tab is not clickable. This behaviour occurs with all tabs when in the unselected state and is the same in both IE8 and Safari 4.0.2.

Are there any CSS gurus out there who can suggest a fix?




CSS Friendly Menu Error on Postback


Object reference not set to an instance of an object.

every thing is going nice till i press any button,

i am not getting any idea how this error comes even i've all my code in try catch section, ican't see error line

please help me

Need a CSS Friendly Menu Adapter in with I can assign each first-level menu item a different CSS?



According to my project requirments I have to create an ASP.Net menu with each menu item having a different background image.

For this I need a CSS Friendly Adapter, I have searched alot and found this one Horizontal Menu Adapter .

Now I have a question regarding the web.sitemap defined in an example that comes with this above adapter code-

<?xml version="1.0" encoding="utf-8" ?>
<siteMap >
  <siteMapNode url="Nothing.aspx" title="Nothing"  description="Nothing">
    <siteMapNode url="Home.aspx" title="Home"  description="Home"></siteMapNode>
  <siteMapNode url="Forum.aspx" title="Forum"  description="Forum" >
    <siteMapNode url="MyPost.aspx" title="My Posts" description="My Post"/>
    <siteMapNode url="AllPost.aspx" title="All Posts" description="All Posts"/>
    <siteMapNode url="NewPost.aspx" title="New Posts" description="New Posts"/>

CSS Friendly Control Adapters is not running with Update Panel of Atlas



I am using Atlas and I want to use the CSS Friendly Menu Control Adapters beta 2.0.

All the events are running properly but cannot able to get the result due to the update panel control of Atlas.

Can anyone suggest me, how can I use CSS Friendly Menu Control Adapters beta 2.0 with Update Panel Control of Atlas ?




ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend