Trying to Remove Border Around Image

  • Unknown's avatar
    poetrydude66 · Member ·

    Is this the right forum in which to ask HTML coding questions?

    I have a “signature” I am trying to put at the bottom of Posts that has a barely visible black border showing up around it. The image itself is exported as PNG from Photoshop, and transparency is enabled. If I open the image in Microsoft Paint or any other photo editor, there is NO border around that image. Therefore the border must be getting placed by HTML.

    My site is still under development so it is hidden, but I have the link behind the image using code like this:

    <img class=”alignleft size-full” id=”i-7″ style=”border: 0;” title=”PoetryDude66 WordPress Web Site” alt=”PoetryDude66 WordPress Web Sites” src=”http://poetrydude66.files.wordpress.com/2013/11/poetrydude66-signature.png” width=”144″ height=”36″ />

    I saw that that IMG tag has a border attribute, but this is the old HTML standard and is no longer preferred as a way to remove the border. It might stop working on future browsers. I read elsewhere that you can specify style=”border:0;”. Unfortunately, this makes no difference to the result.

    What is the correct HTML for making sure an image with a link does not have any visible border?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    justpi · Member ·

    a) No, that’s the forum for users who have the Custom Design upgrade and can make changes in the CSS editor. Your question should have been posted in the Support forum.
    b) To display code correctly in these forums, you need to enclose it in backticks (see the note on allowed markup).
    c) On the theme you’re using, that’s not a border, it’s a shadow effect. What you need to add inside the img tag is this:
    style="box-shadow:none;"

  • Unknown's avatar
    poetrydude66 · Member ·

    So backtick characters would be like this:

    <img class="alignleft size-full" id="i-7" style="border: 0;" title="PoetryDude66 WordPress Web Site" alt="PoetryDude66 WordPress Web Sites" src="http://poetrydude66.files.wordpress.com/2013/11/poetrydude66-signature.png" width="144" height="36" />

    Is that the idea?

    I confirm that your fix works.

    I guess this kind of thing is best done through CSS, so bringing this back to the CSS topic, I guess this post is an advertisement for why you should pay for the CSS upgrade? :)

    And I’m still interested in paying you occasionally for HTML questions like this. I know you like to do these things for free, but just putting this out there and I appreciate your time in this. My site has a Contact form if you decide to take me up on that.

  • The topic ‘Trying to Remove Border Around Image’ is closed to new replies.