Skip to main content
Participant
February 13, 2021
Question

Dreamweaver 2021 how to create image border

  • February 13, 2021
  • 2 replies
  • 2320 views

Just uploaded Dreamweaver 2021. The image properties no longer includes menu for creating image borders.  Where is it? If it's gone, how do you create a border around an image OR at least move text away form image?


Kate T

This topic has been closed for replies.

2 replies

Jon Fritz
Community Expert
Community Expert
February 15, 2021

Adobe has removed all image editing functions from the latest version of DW.

Here's the official announcement: https://community.adobe.com/t5/dreamweaver/image-optimization-workflows-deprecation-in-dreamweaver/td-p/11310914

Like Nancy states, use Photoshop for image editing, or CSS if you're just adding styles like borders, shadows, margins, etc.

To add CSS to your image, you can work manually in Code View, or you can try the new-ish CSS Designer under Window > CSS Designer.

Nancy OShea
Community Expert
Community Expert
February 13, 2021

AFAIK, Dreamweaver was never all that great for images as that's what Photoshop is for.   Assuming you're pressed for time and don't want to fire up Photoshop, you can use CSS properties to add borders, margins, and padding around your images.  Adjust CSS values as needed and add a border class to your images.

 

CSS (goes in your custom external stylesheet)

 

.border {
border: 12px solid #EAEAEA;
/**optional**/
border-radius: 10px;
margin: 1%;
padding: 1%;
}

 

HTML:

<img class="border" src="https://dummyimage.com/1200x400" alt="Placeholder image">

 

Related:

CSS Box Model - https://www.w3schools.com/css/css_boxmodel.asp

 

Nancy O'Shea— Product User & Community Expert