Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to Align The Bullet Icon List-style

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #149337
    tingo
    Participant

    Hi On my website footer. I have menu. I’ve made some bullet arrow icon’s

    .t3-footnav .nav li {list-style:url(../images/ico/bullet.png) inside; margin-top:2px; }
    

    Example…

    The problem is the arrow are slight higher than the menu link text.

    I added a “margin-top:2px;” to try make the arrows lower but the text and the icon both goes lower?

    Thank you for your help

    Many Thanks and Best Regards Charles

    #149340
    Paulie_D
    Member

    To be honest…it’s always an issue so we usually do it in other ways.

    http://stackoverflow.com/questions/1708833/adjust-list-style-image-position

    Adding a bg image to the li and adding extra padding to the left of the li.

    Or using a pseudo element to do pretty much the same.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.