Advanced Search

Results 1 to 3 of 3

Thread: Accordion menu issue: Cannot center align icons to left of submenu items...

  1. #1
    Join Date
    Aug 2005
    Posts
    54
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Question Accordion menu issue: Cannot center align icons to left of submenu items...

    1) Script Title: Glossy Accordion Menu

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

    3) Describe problem: When attempting to add an icon beside each submenu item, it's forced above the text (I assume it's the display:block on each <li> that's causing this). I've tried several things with css and I cannot get the icon to center align to the left of "Inbox".

    Can someone please assist?

    I've removed all irrelevant code and uploaded it here (I've attached the files as well - five images, the three .js files and the index file).

    http://www.alumni-osu.org/swvabuckeyes/dev/

    Thanks,
    Ashley
    Last edited by AshleyQuick; 07-22-2009 at 10:05 PM.

  2. #2
    Join Date
    Feb 2009
    Location
    Victoria, BC, Canada
    Posts
    303
    Thanks
    18
    Thanked 36 Times in 36 Posts

    Default

    Adding an IMG tag will be tricky - I'd recommend removing it, and using CSS...

    Just make the highlighted changes below, and you'll be set.
    Code:
    .glossymenu div.submenu ul li a {
    color:black;
    display:block;
    padding:2px 0 2px 30px;
    text-decoration:none;
    background:#fff url(your-icon.png) no-repeat scroll 0 50%;
    }
    .glossymenu div.submenu ul li a:hover {
    background-color:#EDEBE1;
    }
    Alex Blackie, X96 Design
    My Website
    I specialize in: HTML5, CSS3, PHP, Ruby on Rails, MySQL, MongoDB, Linux Server Administration

  3. The Following User Says Thank You to X96 Web Design For This Useful Post:

    AshleyQuick (07-23-2009)

  4. #3
    Join Date
    Aug 2005
    Posts
    54
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    I should have mentioned I'd like to use a different icon for each. What's the most efficient way? Thanks for the help thus far!

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
  •