Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Ethan 41 posts 61 karma points
    Aug 12, 2010 @ 00:00
    Ethan
    0

    Add a:visited rules into DropdownNavigation.css file

    Here are the contents of the default DropdownNavigation.css file of Runway module

    * Basic code - don't modify */
     #dropdownNavigation { display: block; margin: 0; padding: 0; position: relative; }
      #dropdownNavigation li { display: block; list-style: none; margin: 0 !Important; padding: 0 !Important; float: left; position: relative; }
      #dropdownNavigation a { display: block; }
      #dropdownNavigation ul { display: none; position: absolute; left: 0; margin: 0 !Important; padding: 0 !Important; }
      * html #dropdownNavigation ul { line-height: 0; } /* IE6 "fix" */
          #dropdownNavigation ul a { zoom: 1; } /* IE6/7 fix */
        #dropdownNavigation ul li { float: none; }
        #dropdownNavigation ul ul { top: 20; }
       
    /* Essentials - configure this */
    #dropdownNavigation ul { width: 160px; }
    #dropdownNavigation ul ul { left: 80px; }

    /* Everything else is theming */
    #dropdownNavigation {height: 24px; }


    #dropdownNavigation *:hover { background-color: none; }

    #dropdownNavigation a {font-size: 14px; padding: 6px; line-height: 1; }

      #dropdownNavigation li.hover a { background-color: #CED7DE;}

      #dropdownNavigation ul { top: 32px; }
        #dropdownNavigation ul li a { background-color: #CED7DE; }

          #dropdownNavigation ul a.hover { background-color: #426FC8; }
       
       #dropdownNavigation ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }

    /* #dropdownNavigation ul a { border-bottom: none; } - I also needed this for IE6/7 */



    I  want to add a a:visited{text-decoration:none;} rule,  that make all the visited menu items go without their underline. Could you bear me a hand? Thanks!

  • wolulcmit 357 posts 693 karma points
    Aug 12, 2010 @ 00:25
    wolulcmit
    0

    is this a trick question?
    can you not just add:
    #dropdownNavigation ul a:visited{ text-decoration:none}

     

     

  • Ethan 41 posts 61 karma points
    Aug 12, 2010 @ 09:29
    Ethan
    0

    Where do I place the expression? That's a big question. Before I post the issue, I had a bash at inserting the rule into the file. if my memory does not fail me, it should affect the li element instead of ul. Thank you all the same. Hope to hear from you again.

  • wolulcmit 357 posts 693 karma points
    Aug 12, 2010 @ 17:05
    wolulcmit
    0

    ahh, sorry I only just noticed it's using a border instead of text-decoration.... so

    #dropdownNavigation ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }

    #dropdownNavigation ul li a:visited{border-bottom: 0}
    just put it directly into the your DropdownNavigation.css file.

  • Ethan 41 posts 61 karma points
    Aug 13, 2010 @ 09:53
    Ethan
    0

    Thanks very much, but it isn't the final solution. You  can have a try and check what happens after you edit the code. Enjoy yourself!

  • wolulcmit 357 posts 693 karma points
    Aug 14, 2010 @ 10:07
    wolulcmit
    0

    I installed the module and had a look.
    this is what you're after:
    #dropdownNavigation ul li a:visited{text-decoration:none;}

    all visited links now have no text decoration.

Please Sign in or register to post replies

Write your reply to:

Draft