A

Anonymous

Answered

Dreamweaver CS6 missing 'border' in properties

Forum|Forum|13 years ago
May 22, 2012
9 replies
63922 views

Dreamweaver CS5 and below contained the 'Border' property in the Properties pane. But in CS6 it does not contain Border.

I found this extremely useful, and easy to set my border quickly on my images.

Is there a way to turn the function back on so it appears in the bottom Properties Pane again?

This topic has been closed for replies.

Correct answer Nancy OShea

This might not be the answer you were looking for. If it's deprecated, it is gone from CS6. The border attribute of <img> tag has been deprecated since HTML 4.01.

Unless the image is inside an anchor <a> tag, images don't have borders. To add them, you need to use CSS.

img {border: 2px solid #666}

Nancy O.

Alt-Web Design & Publishing

Web | Graphics | Print | Media Specialists

http://alt-web.com/

S

SparkleMom

Participant

I figured out a way to do this without the properties box.

Right click the image.

Select "Edit Tag <img>"

Get the popup window to do the border setting!

T

Ted_flashscan8_us

Participant

I appreciate Nancy O.'s "it's to create compliant code" explanations, but after reading this thread, I still haven't gotten any idea how to do what I need and want to do.

It would be much appreciated if someone could explain how to—on an image by image basis—apply a thin border to an image using DW 12.

I too used this tool (In DW 2004/Mac) to easily and quickly add borders to images, and have now spent more than an hour trying to add a thin border to an image on a website page.

DW 2004 won't function on OS 10.6.8, so I upgraded to CS6/Mac via Creative Cloud.

I am not happy to discover that what was—for me—an often-used function is not available anymore, and there's no workaround that I can seem to discover without having to spend more time (=$$)

Dreamweaver draws many types of users, and they use it in ways that get the job done for them.

I'm a business owner who creates his own websites. DW's WYSIWYG approach and results caused me to spend the (big) bucks in 2007 to get a tool that was and is a high-end website development tool. I may not use more than 20% of the capabilities, but that's my choice, or more my situation due to lack of time and money to hire developers whom I'm sure could get the job done. Maybe that's in the future. (One can hope... )

Needing to upgrade to get a working tool, I drank the Adobe-aide and bought into Creative Cloud.

Reading this thread, it seems that the development direction (either at the HTML code guru level and/or as a result of that at Adobe) has been to—in effect, anyway—force users to fit their work to the tool, rather than the other way around.

It's akin to being told our 2007 vehicles now can't drive on city streets because they're not (allow me to mix metaphors) HTML5 compliant.

I did try Muse, but found that it was very slow to respond, was difficult to get elements to stay put, and limited in how certain things could be used without added expense of hosting on the Adobe business whatchaallit site.

I was dissapointed, and found that my and caused me to spend more time learning to use something new that ultimately didn't fill my particular needs. A circle.

So back to Dreamweaver, but through Creative Cloud.

And... after spending an hour or more trying to do something that was simple... and venting a bit here... I still need to know:

How to—on an image by image basis—apply a thin border to an image using DW 12.

Message was edited by: Ted at flashscan8.us. Direct replies OK

Herbert2001

Inspiring

If you want a "modern" method that validates, and it needs to be on an image by image basis, do this:

<img src="myimg.jpg" alt="description" style="border:1px solid #000;"> (html4/5)

<img src="myimg.jpg" alt="description" style="border:1px solid #000;" /> (xhtml)

Not pretty (there are many reasons why this type of inline styling should be avoided), but it will validate, and does the exact same thing as the deprecated border attribute.

Also: whether you like it or not, DW is NOT a visual web page layout tool - it's a code environment with visual helper tools. You cannot draw a beautiful painting in Photoshop if you lack the drawing ability. Neither can you expect to create great web pages in DW if you cannot write basic/medium level html and css by hand. That is just the reality of it.

Muse is quite dreadful, I agree. You might want to have a look at Xara Webdesigner that actually works quite well as a pure visual web page/site layout application - I've used it for quick working prototypes in the past.

T

Ted_flashscan8_us

Participant

Herbert,

Thanks very much for the code. Worked fine. Easy to do, and I've saved it as a snippet.

There are occasions—such as the page I needed to address—that may have white graphics you want to blend with a white background, and photos you want a black frame around.

I'd be happy to do something that's more in keeping with current practice if there's a way to differentiate between those situations.

I'll go along with your description of DW. Can't now remember just how it was marketed when I first came aboard... but it has worked for what I needed it to do.

Thanks also for the Xara reference. I'll take a look.

Again, thanks!

Message was edited by: Ted flashscan8.us

C

CPufferCTCT

Participating Frequently

The keyboards shortcut for tag properties is "Shift-F5".

(Can also be reassigned to any shortcut of your choosing.) Depending on how you look at, it's an extra click or two, if that. So, less than losing something, it's just a matter of re-training the way you think of it. Not a huge hurdle, and just as easy for the way I work.

Participant

Participant

Message to Adobe:

Please put the border field back in the properties pane. This is a very useful field for giving linked images a border of "0" It saves us designers a lot of time. Why should I manually have to type: border="0"?

There are many times that I have linked images, but I don't want a blue border around them. Please give us our border field back! Thank you.

Nancy OShea

Community Expert

Borders are deprecated and have been since HTML4. Do you want to use invalid code in your pages? Most people don't. So please don't ask Adobe to bring something back that nobody (except you) wants or needs.

By default, images have no borders unless they are linked. To remove borders from all linked images, add this line to your CSS code.

img a {border:none}

Nancy O.

Nancy O'Shea— Product User & Community Expert

N

Nethril123

Participant

Most of the users of Dreamweaver are designers, not programmer, we only need:

When we insert the Rollover image, Dreamweaver would help us to remove the borders.

We don't care what is HTML standard, CSS, or something else. It's the job of Adobe developers. We only need the RESULTS.

Why would we use Dreamweaver? coz it's EASY to use, we can make a simple web site without any programming knowledge, we don't need to learn CSS, JavaScript or AJAX when it was MACROMEDIA Dreamweaver.

Now, if we don't know CSS, we cannot change the font color, font size, and cannot remove the border of image.

It is not Dreamweaver, it's DREAMWEAVER FOR PROGRAMMERS.

A

Anonymous

Thanks everyone for you replies.

I know the alternatives with setting border to '0' (ie through css, properties etc) - it was just the attribute in the properties panel that required less clicks to achieve the same result.

It now doesn't exist in the recent versions of Dreamweaver as i've discovered.

Thanks!

N

Nethril123

Participant

Right click on the image, select "Edit Tag <img>", it would pop-up a window and you can get the border setting...

(why that stupid?)

T

Tennga

Participant

There is no setting for border color - so you can set a size - but it doesn't show up on the page. I like the finished look of borders on photos. Has anybody else figured a way to do it? phoeey on some of the WC decisions on html

Jon Fritz

Community Expert

You can control border color of images a couple of ways using CSS. You can use the shorthand "border" with the width, style and color, like this:

img {

border:2px solid black;

}

or you can use individual CSS statements, like this:

img {

border-width:2px;

border-style:solid;

border-color:black;

}

There are tons of options you can choose from, this site is a good reference for CSS: www.w3schools.com

A

Anonymous

Yes my images are links. I used this border feature on a daily basis, with my email program i would upload my images via the email program and then copy the html into Dreamweaver and it was just a simple and quick process of clicking on each active image and typing '0' in the Border attribute. I understand the alternatives within the CSS etc, but this was a very quick way for me to overcome the border issue without having to take time amending the css.

I am sad to see this go. Thanks for the response.

L

littlelili

Known Participant

I also code for html email and found that property box invaluable, it seems that although html email development is an expanding use of the software you left our requirements out of the upgrade.

Sorry to see that go, another excellent efficiency gone and email coders are left in the dust.

Line

Inspiring

littlelili wrote:
Sorry to see that go, another excellent efficiency gone and email coders are left in the dust.

Not really. The Property inspector gives access only to the most frequently used attributes. All attributes, including deprecated ones and new ones from HTML5, can be found in the Tag Inspector panel.

I do not see a border property in the tag inspector. Do I have to add it to the inspector somehow?

Thanks ahead,

-Line

//Signature// I'm a creator. I love illustration, designing, animating , writing, voice overs, acting, making games .. Woo woo!

Nancy OShea

Correct answer

Community Expert

This might not be the answer you were looking for. If it's deprecated, it is gone from CS6. The border attribute of <img> tag has been deprecated since HTML 4.01.

Unless the image is inside an anchor <a> tag, images don't have borders. To add them, you need to use CSS.

img {border: 2px solid #666}

Nancy O.

Alt-Web Design & Publishing

Web | Graphics | Print | Media Specialists

http://alt-web.com/

Nancy O'Shea— Product User & Community Expert

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded