By cellar door on
I am having trouble getting a border to show around my image. If you go to you will see what I am talking about. The code for the image is:
I believe I am being overridden somewhere but cannot figure out how. If I add the border="10px solid" I can get a solid border but cannot get a clear border around the picture.
Any help is much appreciated.
Thanks,
Chris
Comments
There's no such thing as a
There's no such thing as a clear border. What you want is a margin around the image.
<img style="margin:10px;" align="left" alt="" src="http://www.zimfit.com/ZimPictures/3.jpg" />Most people only put a margin on the sides of an image that contacts text because the end result looks better. For an image on the left the following would work.
<img style="margin-right:10px; margin-bottom:10px;" align="left" alt="" src="http://www.zimfit.com/ZimPictures/3.jpg" />This last bit is just friendly advice that might help you later on. The align tag isn't used anymore, though it still works for now to support old sites. Most people around here would use style="float:left" to align something to the left.
<img style="margin-right:10px; margin-bottom:10px; float:left;" alt="" src="http://www.zimfit.com/ZimPictures/3.jpg" />Any of those three examples should work for you. Pick the one you like best or use them as guides to make something else.
Thank You!!
Thank you for helping me with this. I'm new to drupal and trying to get my html and css up to date. This worked wonderfully and I'll take your tips on using CSS to float the image rather than aligning left.