Cannot remove blue image border

I can’t see the blue borders with IE6 or Forefox. But I suspect that your issue comes from all of these images being nested in link tags, which could be providing the blue border. You might try:

.postcontent a img {
   text-decoration:none;
}

and see if that fixes it.

Thanks, mechx1.

I tried your suggestion, and it did not work. I wonder if *anything* else might be putting the blue border around the images.

I must find a way to remove the blue border. I appreciate any additional input. thanks!

the text-decoration part isn’t gonna do it… that has nothing to do with borders.

try border: none; if that doesn’t work, then the browser you’re using is retarded ?? (modern browsers shouldn’t put borders around linked images automatically anyway).

If all this fails, you may need to insert your images using the border attribute.

<img src=”url” border=”0″ />

@sandal_woods

I can’t see any borders either, but what it sounds like to me is that your images have an embedded hyperlink, which likely means that when you’ve pathed to an image your theme is calling for, you’ve formatted the link incorrectly.

The ‘blue box’ around an image indicates that there is a hyperlink associated with it – if I’m understanding your description of your problem correctly here. You need to check the formatting of your links if this is indeed the issue.

Same with mechx1 here, I can’t see any blue border around the images, you might want to check your site on a different computer/browser.

guys, you were all born in the mid-to-late 80s, right? ??

In the 90s, browsers put borders around images automatically if they were inside links – this was so you could identify them as fresh/followed/active links instead of just decoration.

Long ago this was decided to be a bad idea so most modern browsers don’t do it automatically anymore… but I think the OP happens to be using one that still does.

Anyway, that’s why images have a border attribute which you can use to set the thickness, or eliminate the border. This can also be done by CSS these days of course.

Anyway, there’s your history lesson ??

Older than you I’m afraid (first programming experience on a VAX11). You are right, my tag above should have said border:none;, not text-decoration. My mistake, probably due to advanced age.

so most modern browsers don’t do it automatically anymore…

I am afraid that’s not the case with Fx2 and IE7, they still display border around images (when linked) by default AFAIK. I am 1990s by the way. ??

Yep, you’re right Haochi, my mistake… they STILL do it.

I had to actually write an html file to check since I haven’t seen it happen in 10 years…

I guess everyone on earth is removing image borders either by attribute or by css these days.

What remains then, is that the OP is using a browser which doesn’t respect the CSS definition (since the rest of us aren’t seeing them)

Thank you all! I still have the border around the images, even after I implemented your suggestions. I am using IE7, by the way.

I appreciate any more suggestions. I am useless when it comes to this type of stuff ??

For example, one of the posts in question: https://sandal-woodsblog.com/2008/03/29/heating-season-is-almost-over-rh-update-for-my-shop/ . The images are at the bottom of this post.

The following is the code in style.css, based on your recommendations:

.post-content img {
padding: 0px;
border: none;
}

.post-content a img {text-decoration: none;}

And in the post, for one of the images, I have:

…
<img border=”0″ width=”230″ src=”https://www&#8230;

well, we don’t see a border at all… perhaps it’s your IE settings at fault.

check tools/options/general/accessibility – is anything enabled there? if so, turn it off!

My thanks to all, for all your help. You are correct, I bet it *is* something with IE7 on my end.

I am glad you cannot see any image borders, as it has been driving me crazy for quite some time. I will proceed with posting some logos; I was reluctant to post them, if they showed the image border.

Have a great week, everyone. You have been great, helping me as much as you did. A wonderful WP community!

The borders on the images are now gone – it must have been something in memory, or a temporary file, or IE7, or … ??

My thanks again to everyone for your help!