How remove border around image in css

Question

I try to display a span when the cursor of the mouse is on a help icon   It works  but nevertheless  I don t manage to remove the border around the icon   My CSS     info      position absolute      border none     a info      position absolute       z-index 24       background none      color  000      text-decoration none    a info hover      z-index 25       background-color  FFF      cursor help     a info span      display  none    a info hover span       display block       position absolute      cursor help      bottom 0px       left 26px       width 150px      padding 4px      cd

User · Answer

What class do you have on the image tag   Try this   lt img src   images myimage jpg  style  border none   alt  my image    gt

User · Answer

I realize this is a very old post  but I encountered a similar issue in which my displayed image always had a border around it  I was trying to fill the browser window with a single image  Adding styles like border none  did not remove the border and neither did margin 0  or padding 0  or any combination of the three   However  adding position absolute top 0 left 0  fixed the problem   The original post above has position absolute  but does not have top 0 left 0  and this was adding a default border on my page   To illustrate the solution  this has a white border  to be precise  it has a top and left offset     lt img src  filename jpg  style  width 100  height 100  position absolute   gt    This does not have a border    lt img src  filename jpg  style  width 100  height 100  position absolute top 0 left 0   gt    Hopefully this helps someone finding this post looking to resolve a similar problem

User · Answer

Try this   img border 0     You can also limitate the scope and only remove border on some images by doing so    myClass img border 0     More information about the border css property can by found here   Edit  Changed border from 0px to 0  As explained in comments  px is redundant for a unit of 0

User · Answer

I usually use this on the top of css file   img      border  none

User · Answer

lt img id  instapic01  class  samples  src  data image gif base64 R0lGODlhAQABAIAAAAAAAP   yH5BAEAAAAALAAAAAABAAEAAAIBRAA7   gt

User · Answer

I do believe you need to add the border  none style to your icon element as well

User · Answer

Another thing - remember that if you have an  with an empty src attribute  then none of these suggestions will work  a border will still get shown    lt img src    style  width 30px height 30px   gt

User · Answer

Here s how I got rid of mine    main  row  thumbnail       display  inline-block      border  0px      background-color  transparent

User · Answer

img need src to use border is remover  i no know a why css is crazy  data image gif base64 R0lGODlhAQABAPcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAABAAEAAAgEAP8FBAA7   So try example with SRC    x000D   x000D  img logo   x000D   width  200px  x000D      height  50px  x000D   background  url http   cdn sstatic net Sites stackoverflow img sprites svg  no-repeat top left  x000D    x000D   lt img class  logo  src  data image gif base64 R0lGODlhAQABAPcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAABAAEAAAgEAP8FBAA7  gt  x000D   x000D   x000D    So try example without SRC    x000D   x000D  img logo   x000D   width  200px  x000D      height  50px  x000D   background  url http   cdn sstatic net Sites stackoverflow img sprites svg  no-repeat top left  x000D    x000D   lt img class  logo  gt  x000D   x000D   x000D    lol    css crazy  good fun

User · Answer

Thank for the answers   The border is removed for Internet Explorer  but this there for Firefox   So  I added this class to the img    clearBorder border none     And it worked

User · Answer

I faced similar problem with img tag I had added following line with img tag    lt img class  my-class  gt    And this is the css class   my-class      background-image  url  add gif        background-repeat  no-repeat      display  inline-block      width  27px      height  27px      I changed the img tag to span tag with same css class  Border is not visible now    lt span class  my-class  gt  lt  span gt

User · Answer

maybe add border none to under a info hover span or text-decoration none

User · Answer

it s a good idea to use a reset CSS  add this at the top of your CSS file  img  a  border none  outline  none     hope this helps

User · Answer

Also  in your html  remember to delete all blanks   line feeds   tabs between the closing tag and the opening tag     lt img src  a png    gt   lt img src  b png    gt  will always display a space between the images even if the border attribute is set to 0  whereas  lt img src  a png    gt  lt img src  b png    gt  will not

[html] How remove border around image in css?

Examples related to html

Examples related to css