How do I add padding around an image in DreamweaverCC 2015?

[Mac Martin]

I have searched the Forums for examples that amswer the "padding" question.  I understand that this will require code - but my attempts to add code have not worked so far!  I would appreciate any help on this issue.

[Ben M]

If other suggestions to adding padding around an image are not working it is possible that there is conflicting CSS in your document. The way to get around this is to add the style tag inline to your image (ie: <img style="padding:5px;">) and then add your padding in there to override other CSS.  Otherwise, what you would need to do is post a link to the page in question and we can help you determine what CSS is causing your padding issues and provide a resolution for you.

[Mac Martin]

Thanks Ben,

I appreciate the help of the Forum.  Here is a link to a typical page in my site - as well as a link to the Home page.

http://www.upstairsartgallery.com/

http://www.upstairsartgallery.com/Artist_Pages/Jim_Evans.html

Mac

[ALsp]

Generally speaking, it is not a good idea to add padding to images. Certainly not globally by redefining the img element. Your site is pretty old in terms of its layout methodology. If you are speaking of the gallery widget, it has its own CSS that you can edit, or you can drop in a style rule:

.p7IGM {padding: 10px;}

But you are better off building a layout from the outside in. In other words, add padding to your container(s) where necessary.