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

Home Forums Design How to make a button in CSS consisting of PNG icon and text?

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #244133

    I am trying to make a button consisting of PNG icon and text. The icon should be on the left and the text on the right and company logo at the top. When the mouse is pressed the button should have the light orange colour and in normal state it should have white background as in the diagram.


    Take a look at this

    You can achieve that in a lot o way. I chose to go for the background image, but you can also use an inline image.




    I did something similar for icons for external links in my website. I eventually removed them all and kept one.

    I am on my phone so can’t access my code. But I think I used “:after” in my code. You can go to, go to the footer and click the about me, at the bottom I used Amazon to link externally in the about me page.
    Check the source code and my style sheet. That’s one way to do it

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