Skip to main content
Participating Frequently
August 28, 2018
Question

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

  • August 28, 2018
  • 2 replies
  • 2104 views

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.

    This topic has been closed for replies.

    2 replies

    ALsp
    Legend
    August 28, 2018

    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.

    Community Expert
    August 28, 2018

    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.

    Participating Frequently
    August 28, 2018

    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