Forums

[resolved] Black Border on Image - CSS is clean (4 posts)

  1. thebuzzbuilder
    Member
    Posted 2 years ago #

    I have added a clickable image in my sidebar. An ugly black border surrounds the image. See here: http://thebuzzbuilder.com

    CSS shows:
    img.alignright {float:right; margin:0 0 1em 1em; border: none}
    img.alignleft {float:left; margin:0 1em 1em 0; border: none;}
    img.aligncenter {display: block; margin-left: auto; margin-right: auto; border: none;}
    a img.alignright {float:right; margin:0 0 1em 1em; border: none;}
    a img.alignleft {float:left; margin:0 1em 1em 0; border: none;}
    a img.aligncenter {display: block; margin-left: auto; margin-right: auto; border: none;}

    I have also searched for the word "border" in the CSS and it doesn't appear anywhere else.

    Does anyone have any ideas of how to get rid of this ugly black outline?

  2. asechrest
    Member
    Posted 2 years ago #

    In your HTML, try <img src="..." style="border:0" ...>

    the style="border:0" part is what would hopefully fix the border. Not totally sure, though.

  3. thebuzzbuilder
    Member
    Posted 2 years ago #

    asechrest - That worked!!!!!!

    Thank you so very much! :)

  4. asechrest
    Member
    Posted 2 years ago #

    Glad I could help.

Topic Closed

This topic has been closed to new replies.

About this Topic