9 {{ upvoteCount | shortNum }}
9 {{ upvoteCount | shortNum }}

Removing a Picture Border

by Tjmcnich
7 replies
  • WEB DESIGN
    • |
Hey guys is it possible to remove this grey border around " Centered Realty Consider It Sold? Because its an uploaded image I wasn't sure if its permanent or not?


Thanks

Sites made with wordpress
#border #picture #removing
  • Profile picture of the author Patrick
    Where is the image ?
    Signature
    Freelance WordPress Developer | Free WordPress Themes | Free WordPress Plugins | Free WordPress Support
    {{ DiscussionBoard.errors[3265986].message }}
  • Profile picture of the author Globy
    If you want to enter an image with an HTML tag but no border, the syntax goes like that.

    <img src="URL" border="0">
    {{ DiscussionBoard.errors[3266463].message }}
    • Profile picture of the author Tjmcnich
      Thanks for the reply... I'm still confused though here is the HTML code

      <p style="text-align: center;"><a rel="attachment wp-att-284" href="http://centeredrealty.com/home/cooltext501322396/"><img class="size-full wp-image-284 aligncenter" title="cooltext501322396" src="http://centeredrealty.com/wp-content/uploads/2011/01/cooltext501322396.png" alt="" width="496" height="178" /></a></p>

      Thanks,
      Tommy Mac
      {{ DiscussionBoard.errors[3267196].message }}
      • Profile picture of the author iMikeDesigns
        Hey. I checked out your website and I see what you are talking about. There are two ways to fix your issue. If you want to remove the border from all images then edit your style.css file. You'll want to find the class called .post img and delete the border.

        Otherwise, if you would like to remove the border from only the image you mentioned, replace your code with this:

        Code:
        <p style="text-align: center;"><a rel="attachment wp-att-284"  href="http://centeredrealty.com/home/cooltext501322396/"><img  class="size-full wp-image-284 aligncenter" title="cooltext501322396"
style="border: 0;" src="http://centeredrealty.com/wp-content/uploads/2011/01/cooltext501322396.png"  alt="" width="496" height="178" /></a></p>
        That should do it. Hope that helps.
        {{ DiscussionBoard.errors[3267662].message }}
        • Profile picture of the author twmaffun
          Originally Posted by iMikeDesigns View Post

          Hey. I checked out your website and I see what you are talking about. There are two ways to fix your issue. If you want to remove the border from all images then edit your style.css file. You'll want to find the class called .post img and delete the border.

          Otherwise, if you would like to remove the border from only the image you mentioned, replace your code with this:

          Code:
          <p style="text-align: center;"><a rel="attachment wp-att-284"  href="http://centeredrealty.com/home/cooltext501322396/"><img  class="size-full wp-image-284 aligncenter" title="cooltext501322396"
style="border: 0;" src="http://centeredrealty.com/wp-content/uploads/2011/01/cooltext501322396.png"  alt="" width="496" height="178" /></a></p>
          That should do it. Hope that helps.
          Helped me as well, thank you.
          {{ DiscussionBoard.errors[3267855].message }}
          • Profile picture of the author iMikeDesigns
            No problem. Glad I could help. With CSS you can use inline styles as well as a stylesheet. The same CSS rules from a stylesheet can be added to any object such as a div, img, p, H1, etc.
            {{ DiscussionBoard.errors[3268938].message }}
            • Profile picture of the author Tjmcnich
              Hi Mike.... I just tried that code and it didn't work... I'm using wordpress, does that have anything to do with it?
              {{ DiscussionBoard.errors[3278178].message }}

Trending Topics