Skip to main content
Participant
Feb 13, 2021 6:19 AM UTC
Question

Dreamweaver 2021 how to create image border

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 is closed to new replies. Start a new post to keep the conversation going.

2 replies

Jon Fritz
Community Expert
Community Expert
Feb 15, 2021 2:06 PM UTC

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.

Translate
Nancy OShea
Community Expert
Community Expert
Feb 13, 2021 6:58 PM UTC

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

 

Translate
Nancy O'Shea— Product User & Community Expert