Results 1 to 5 of 5

Thread: Anylink Drop down Menu

  1. #1
    Join Date
    Oct 2006
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Anylink Drop down Menu

    1) Script Title: Anylink Dropdown Menu

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...pmenuindex.htm

    3) Describe problem: I've figured out how to manage the CSS for the menus but I can't figure out how to control the HTML entries. E.g., <a href="#here" class="menuanchorclass" rel="anylinkmenu1">Staff</a> I want to control the size of "Staff" so I did this:
    .selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
    background: black;
    font-size:10px;
    } (i.e., added the font-size line)

    but it has no effect. What am I missing?

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    That will only have an effect upon the currently selected trigger anchor. To affect all trigger anchors, use:

    Code:
    .menuanchorclass {
    font-size: 10px;
    }
    If you want more help:

    Please post a link to the page on your site that contains the problematic code so we can check it out.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Oct 2006
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Trying that - doesn't seem to affect the text.

    http://cincinnaticc.org

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    You have in your style.css file:

    Code:
    a:link  { color: #ffffff;
    			text-decoration:none;
    			font-size: 14px;
    			font-weight:bold;
    		}
    This takes precedence because of the :link pseudo class. So, in your anylinkmenu.css file you can:

    Code:
    .menuanchorclass:link {
    font-size: 10px;
    
    }
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  5. #5
    Join Date
    Oct 2006
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Excellent! Thanks.

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
  •