Borders Around Images

[Nano]

I've noticed this for a while, but it hasn't really bothered me too much until I started coding for a new thread in my private workshop. Whenever I insert an image inside of a post, a border always appears around the image even if you're inserting the image via HTML instead of the "Insert other media" button. It wasn't really too much of a problem when using square/rectangular images, but it ruins the effect for images that have transparent backgrounds and aren't square/rectangular (visuals-wise). Is there a way to make this border go away or not visible (excluding matching the background color)? If there isn't...are these borders never going away?

 

[Lady Warlock]

Is it possible for you to post an example of what happens? I just tried putting an image in to a post and did not get any border. I feel as though I might be able to help, but I'd need to see something that does it, first. 

 

[call me rae]

I believe they mean something similar to this. @DaughterofAthena.


Happened when I posted a icon into my table. I used choose files and uploaded it directly. 


Doesn't bother me mind but I think that's the phenomena they're talking about.

 

[Chordling]

I believe this is what Nano is referring to:


/monthly_2016_09/57d9c8f5453dd_ScreenShot2016-09-14at6_04_45PM.thumb.png.4a6df036e1478699320d36685700176f.png

 
​

There is a thin border around where I had taken my screen shot and another border around the original image.  Any image with a transparent background will do this.  Something similar to this had been taken care of before the site was moved to IPS.  I'm sure there's another way for it to be done again.

 

[call me rae]

Ah so that's why it happens. I thought it was because i edited the image or whatever. But that's good to know. It's not really a huge issue for me but I had wondered why it only happened on certain images.

 

[eclipsa]

I can't seem to ditch that either, even using a "border: none" attribute. Not sure why it happens, but that was the only suggestion I found on CSS/HTML help sites :\\

 

[Chordling]

@Syzygy it doesn't have anything to do with your end.  It is a site-wide attribute.  I'm sure @The Dark Wizard will be willing to banish it from the site like he has done in the past.

 

[Nano]

So while I was playing around using different images, I realized that certain images seem to not get that border? (I tried both using the same exact code, although I accidentally deleted the grey bg post for the first picture and just decided to take something from a different thread...)

Edit: Both are .png files with transparent backgrounds >v>

 

[eclipsa]

Maybe it's the transparent background!


Hoping Wiz gets rid of it bc it messes with my flow D:

 

[Chordling]

On 9/14/2016 at 6:21 PM, Nano said:



So while I was playing around using different images, I realized that certain images seem to not get that border? (I tried both using the same exact code, although I accidentally deleted the grey bg post for the first picture and just decided to take something from a different thread...)








Edit: Both are .png files with transparent backgrounds >v>




1

 
​

Something which I have recently noticed is that the border will not appear if the image size covers the entire width of the post.  This applies to all images.  In your first example, the image is centered with the transparent background.  The second example is a much larger image which covers the entire width of the reply.

 

[Nano]

 
​

Something which I have recently noticed is that the border will not appear if the image size covers the entire width of the post.  This applies to all images.  In your first example, the image is centered with the transparent background.  The second example is a much larger image which covers the entire width of the reply.

The second example is actually smaller than the first one and even if it is a bit larger, I'm 100% sure that it does not span the entire width of the post as it is square-ish (including the transpant parts) in shape.

 

[B E E S]

I had this problem too. You just have to highlight the image and then click the button beside the eye that says remove formatting. 


EXAMPLE:


 =/monthly_2016_09/embed.png.eedac40a518b0466a0804db08f44db4a.png

 

[Nano]

I had this problem too. You just have to highlight the image and then click the button beside the eye that says remove formatting. 


EXAMPLE:


View attachment 172499 =/monthly_2016_09/embed.png.eedac40a518b0466a0804db08f44db4a.png


View attachment 173020

Ah, thank you very much! I'd prefer not using the button editor, but since there seems to be nothing else, this really helps a lot. c: