Dreamweaver 2021 how to create image border

New Here ,
Feb 12, 2021 Feb 12, 2021

Copy link to clipboard

Copied

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

TOPICS
How to

Views

454

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Feb 13, 2021 Feb 13, 2021

Copy link to clipboard

Copied

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, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Feb 15, 2021 Feb 15, 2021

Copy link to clipboard

Copied

LATEST

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/t...

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.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines