Image border - Post ID 94912
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>
<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>
Hi Jesse,
after align="left you could add hspace="2" or hspace="2" ( horizontal or vertical) or try   after > I'm not sure if it matters where you put it but I would start with that:)
after align="left you could add hspace="2" or hspace="2" ( horizontal or vertical) or try   after > I'm not sure if it matters where you put it but I would start with that:)
<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
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
<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
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.
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.