Forums

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

Home › Forums › CSS › menubar icon

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 27, 2013 at 1:28 pm #43714
    nuodas159
    Participant

    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 #129941
    nuodas159
    Participant

    So someone could help me?

    March 27, 2013 at 4:10 pm #129942
    CrocoDillon
    Participant

    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 #129944
    nuodas159
    Participant

    Thanks. Someone know how rid of the border?

    March 27, 2013 at 5:00 pm #129947
    CrocoDillon
    Participant

    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 #129998
    nuodas159
    Participant

    thanks. :)

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