Odd space in border

[Maiden]

solariaweyr.proboards.com/

There's a black border around the pink picture on the left hand side. How do I get rid of the that gap at the bottom? (where you can see beige between the border and the image)

This is the code I have in the widget box.


<center><div style="border: 2px solid black;border-radius:5px;"><a href="/thread/7384/"><img width=100% src=http://i9./a76/technodeficient/Untitled-1-3_zpsecb21d72.gif alt=February></a></div></center>
Thanks!

[Thomasss]

Hi, you can try changing the 2px to 0px, and see it that works for you!

[Maiden]

Thomasss,

That 2px is the thickness of the border.... If I made it 0px then there wouldn't be a border

[Thomasss]

Ohhh, sorry.. i thought u wanted the border removed, read it wrong..

[Tressa]

I'm not much at coding, but I think the way you have yours written, you are placing the border around the division rather than the image.

[RADesign]

Mar 15, 2013 2:22:17 GMT -8 Maiden said:

solariaweyr.proboards.com/

There's a black border around the pink picture on the left hand side. How do I get rid of the that gap at the bottom? (where you can see beige between the border and the image)

This is the code I have in the widget box.


<center><div style="border: 2px solid black;border-radius:5px;"><a href="/thread/7384/"><img width=100% src=http://i9./a76/technodeficient/Untitled-1-3_zpsecb21d72.gif alt=February></a></div></center>
Thanks!

Add font-size: 0px; to the style.

<center><div style="border: 2px solid black; border-radius:5px; font-size: 0px;"><a href="/thread/7384/"><img width=100% src=http://i9./a76/technodeficient/Untitled-1-3_zpsecb21d72.gif alt=February></a></div></center>

[Maiden]

Perfect! Thanks RADesign!

[RADesign]

You're welcome.