Displaying Separator in Menu Control with CSS Friendly Adapter

Posted on 2011-04-24
Last Modified: 2012-05-11
How do I use the menu control with the CSS Friendly adapater to:

1) display the separatorurl image to separate the menu items from each other and

2) hide the separatorurl image from being displayed on the LAST menu item
Question by:tuckandroll
    LVL 6

    Accepted Solution


    Author Comment

    That's an interesting approach, havj123. I hadn't thought of that.

    When I tried it, using the SiteMapDatasource, and updating my Web.sitemap file by creating a new SiteMapNode as follows:

    <siteMapNode url="Test.aspx" title="|" description="">

    it works, however, it takes on the behavior of the other menuitems on hover (i.e. change color, change mouse pointer, underline, etc). I need the pipe symbol to stay static (unchanged). Is there anyway to accomplish this?

    LVL 19

    Expert Comment

    by:Amandeep Singh Bhullar
    This question has been classified as abandoned and is closed as part of the Cleanup Program. See the recommendation for more details.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Course: HTML5 for Beginning Beginners

    Are you looking for an efficient introduction to HTML5? Have you tried other HTML5 courses and found them too complex? Do you need just the basics of HTML5 to use with Wordpress or other content management system? If you said yes to any of these questions, this course is for you.

    Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
    Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
    In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
    In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

    794 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

    16 Experts available now in Live!

    Get 1:1 Help Now