CSS BUTTON WITH ICON [closed]

by

Omg! Format your code!

Icons by Bootstrap or Semantic are fonts, not images.
So if you want to place a image as an icon on a button you should do something like that:

button {
    background: url(youricon) no-repeat ....;
    padding-left: 25px;
}

It just places an image on the leftside of your button and idents your text.
Otherwise you should learn how bootstrap works (its really simple!)
For examples how it works with fonts you can take a look to W3C:
http://www.w3schools.com/w3css/w3css_icons.asp

More Related Contents:

  1. How to position text over an image with CSS
  2. :last-child not working as expected?
  3. Input size vs width
  4. Difference between “visibility:collapse” and “display:none”
  5. grid-auto-flow in snake lines?
  6. How do I horizontally center an absolute positioned element inside a 100% width div? [duplicate]
  7. Can you style ordered list numbers?
  8. Div with horizontal scrolling only
  9. download webpage and dependencies, including css images [closed]
  10. Setting max-height for table cell contents
  11. How to get rid of x and up/down arrow elements of a input date?
  12. IE7 CSS Scrolling Div Bug
  13. Best Way to do Columns in HTML/CSS
  14. click link below a higher z-index div [duplicate]
  15. Is it possible to hide the title from a link with CSS?
  16. Img’s max-height not respecting parent’s dimensions
  17. backdrop-filter not working for nested elements in Chrome
  18. HTML CSS Invisible Button
  19. Prevent floated divs from wrapping to new line
  20. display: flex not working on Internet Explorer [duplicate]
  21. CSS After Element to insert mailto link?
  22. How to get horizontal scroll bar in select box in IE?
  23. Pseudo element not full container width when border used
  24. Setting the image `width: 0` hides it, while `width: 0%` makes it occupy the space, too
  25. Fitting child into parent
  26. Can you have a within a ?
  27. Table with table-layout: fixed; and how to make one column wider
  28. How to play CSS3 transitions in a loop?
  29. Which browsers support data URIs and since which version?
  30. HTML canvas with scrollbar

Leave a Comment