Grow your CSS skills. Land your dream job.

menubar icon

  • # March 27, 2013 at 1:28 pm

    Hello,
    I need help with menubar icon.

    1. How to delete the img.icon border?

    2. How to move img.icon that he would be in center of the text.

    Picture: [http://www.part.lt/img/26e003364b8f70d429fde0f8ee2e69b6921.JPG](http://www.part.lt/img/26e003364b8f70d429fde0f8ee2e69b6921.JPG “Picture”)
    3. How to do when you hover the < li > that img.icon change his background-color to white?

    Code: [http://codepen.io/anon/pen/rKfiE](http://codepen.io/anon/pen/rKfiE “Code”)

    # March 27, 2013 at 4:00 pm

    So someone could help me?

    # March 27, 2013 at 4:10 pm

    ul#menubar li a img.icon {
    vertical-align: -4px;

    }

    ul#menubar li:hover a img.icon {
    background-color: white;
    }

    I can’t get rid of the border…

    # March 27, 2013 at 4:21 pm

    Thanks. Someone know how rid of the border?

    # March 27, 2013 at 5:00 pm

    You can make it a span. Change `img` to `span` in html and css and add `display: inline-block;` to css.

    # March 28, 2013 at 2:55 am

    thanks. :)

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".