Image border

User 1984189 Photo


Registered User
7 posts

I have the text set to wrap around the img, my issue is with the fact that the text is pressed right against the side of the image. I understand border is deprecated but I thought it was still supposed to work. What is the best method to achieve a blank space around an image?

<td style="vertical-align: top; text-align: left" width="345"><font face="Arabic Typsetting" font size="-1"><IMG SRC="IMAGE.jpg" border="10" width="100" height="100" align="left">How is this...</td>
User 282670 Photo


Registered User
3,940 posts

Hi Jesse,
after align="left you could add hspace="2" or hspace="2" ( horizontal or vertical) or try &nbsp after > I'm not sure if it matters where you put it but I would start with that:)




User 282670 Photo


Registered User
3,940 posts

<td style="vertical-align: top; text-align: left" width="345"><font face="Arabic Typsetting" font size="-1"><IMG SRC="IMAGE.jpg" border="10" width="100" height="100" align="left">How is this...</td>


typo should be vspace="2" and hspace="2"
<IMG SRC="IMAGE.jpg" border="10" width="100" height="100" align="left" hspace="10">

http://www.kellyinfo.com/web/hspace.jpg




User 277831 Photo


Registered User
31 posts

Have you tried a simple style pad?

<td style="vertical-align: top; text-align: left; padding: 5px;" width="345">

I always pad my images then add an outside border of 1 or 2px just as a design element.

I will often then float the whole thing to the left or right.
Normally this is done on the stylesheet with a class rather than inline.

Linda
User 355448 Photo


Ambassador
3,144 posts

Jesse,

What I would do is set a style for the image to have a small margin. You can set all margins with a single setting or set the four different margins independently.

Similar to what Linda showed:
<img style="margin:5px;" src= you fill in this>
or something like this:
<img style="margin-top:2px; margin-right:3px; margin-bottom:4px; margin-left:5px;" ...>

If you have a style section on your page or a separate file you can use the same codes.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.