Results 1 to 5 of 5

Thread: Glossy Menu current Link selected

  1. #1
    Join Date
    Aug 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Glossy Menu current Link selected

    I am using the Glossy Tabbed menu whose css code is
    .glossymenu{
    position: relative;
    padding: 0 0 0 34px;
    margin: 0 auto 0 auto;
    background: url(menub_bg.gif) repeat-x; /*tab background image path*/
    height: 46px;
    list-style: none;
    }

    .glossymenu li{
    float:left;
    }
    and so on

    My Html code looks

    <ul class="glossymenu">
    <li class="current"><a href="Modify.aspx"><b>Modify</b></a></li>
    <li ><a href="Update.aspx"><b>Update</b></a></li>
    <li ><a href="Export.aspx"><b>Export</b></a></li>

    </ul>

    Currently Modify is the page which is selected and tabbed. That is Modify will be tabbed and blue & Glossy as i have chosen blue glossy image. Other links will be grey and not selected .
    BUT
    When i click on another link like Update I want the Update link to be tabbed and blue & Glossy, Exportand Modify Links should be grey or not selected
    SIMILARLY
    When i click on another link like Export I want the Export link to be tabbed and blue & Glossy, Update and Modify Links should be grey or not selected

    HOW CAN I ACHIEVE THIS? I am new to CSS?

    Thanks
    Roger

  2. #2
    Join Date
    Aug 2004
    Posts
    10,140
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Warning: Please include a link to the DD script in question in your post. See this thread for the proper posting format when asking a question.
    DD Admin

  3. #3
    Join Date
    Aug 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    The link to the DD Menu is

    http://www.dynamicdrive.com/style/cs...rizontal_menu/

    Let me know if this answers the Questions

    Roger

  4. #4
    Join Date
    Aug 2004
    Posts
    10,140
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    If you mean have the menu item corresponding to the current page be selected when you click on it, you can't do this automatically in CSS. The menu uses the ".current" CSS class to highlight a particular menu item, but you need to either manually add it inside the desired menu item, or use server side scripting to determine which menu item should have that class added based on the current page. But CSS itself can't do that.
    DD Admin

  5. #5
    Join Date
    Nov 2008
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question

    Quote Originally Posted by ddadmin View Post
    use server side scripting to determine which menu item should have that class added based on the current page. But CSS itself can't do that.
    This is getting close to a problem that I am having. How do you use server side scripting? How does this work?

    BTW, I'm a designer, not a coder. That's why I use DD scripts. The site that I'm referring to is a dot net site and the menus are located in a master page, not each individual page.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •