Dreamweaver CS6 missing 'border' in properties

[Guest]

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?

[Nancy OShea · Accepted solution]

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/

[Guest]

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.

[littlelili]

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.

[David_Powers]

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.

[Line]

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

Thanks ahead,

-Line

[David_Powers]

Line wrote:

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

I've just checked, and you're right. The border property is not listed in the Tag Inspector. It was in the Tag Inspector in Dreamweaver CS5.5, but has now been removed.

It looks as though Dreamweaver CS6 has been brought into line with the HTML5 standard, which doesn't permit the border attribute on images: http://dev.w3.org/html5/spec/the-img-element.html#the-img-element.

The code hint for the border attribute has also been removed.

You can't add new items to be Tag Inspector. If you want to add border="0" to an image, you'll need to type it in manually.

[MurraySummers]

You can embed a stylesheet within the body of the page.  It'll work in an HTML email.

[Nancy OShea]

Right. 

/**this removes borders from all linked images**/

a img {border:none}

Nancy O.

[Nethril123]

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?)

[Tennga]

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]

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

[Line]

Nethril123! You found what I needed Thanks and thanks to everyone else who replied. It'd just have been cooler to just have that attribute readily available like in the previous versions of Dreamweaver.

-Line

[eggmedia]

I have CS6 and right-clicking on an image does not give an "Edit tag" option, only "Remove tag." I hate to keep hand-writing CSS because the options don't exist. The problem is that in IE, linked images have borders, though that doesn't apply to Firefox.

[MurraySummers]

It does for me (CS6 on W7-64, or on iMac / SnowLeopard) - right click on the image in Design view and you get a long context menu, with "Edit Tag" being below "Templates".

But you should not use this method for your images. CSS is the right way to go.

[web2gold]

Nethril123...

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

This is exactly what I needed!  Thanks!  I wish they would have just left this on the properties pane, it was quicker and more accessible there, but at least your tip keeps me from having to go write some CSS every time I need to change this.

[MurraySummers]

The problem with leaving it is that it inserts code that renders your page invalid.  Page validation is a very important tool in debugging layout problems.  People who don't understand this usually try validating the page to find tens if not hundreds of validation problems.  There's too much noise to find the signal.  People who do understand this, and who are reasonably confident (and competent) at producing valid pages will start debugging a layout problem with a validation process that finds fewer than 10 errors (an arbitrary number).  That is much easier to cope with.

[Guest]

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!

[bperry420]

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]

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.

[Nethril123]

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.

[John Waller]

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

Try Adobe Muse instead. It sounds like it's more suited to your needs.

[Nancy OShea]

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

If that's your attitude, you probably shouldn't be building web sites with DW. Skill is not in the tool.  Skill is in the person using the tool. 

As John said, MU might be a better choice for you.

http://www.adobe.com/products/muse.html

Nancy O.

[SeanCopping]

I understand from a Website point of view. However when designing for emails one has to keep the HTML very basic, the Border feature in the properties pannal was hugelly time saving. Just because it is no longer needed in HTML5 does not mean that many sights are still not being built in HTML4 due to compatibility. many people are still using old browsers such as IE6 (really annoying I know) but depending on the purpose of the site or email, depends on the level the site needs to be designed at. And sometimes a target market uses older browsers and email programs. in older email clients CSS does not work correctly unless it is inline. As designers we cannot assume our target audiance is as clued up and uptodate with the latest technology, we have to design accordingly.

So yes we can ask Adobe to please bring back this feature as it is still needed, due to the above resons. Dreamweaver is ment to make our lives easier, not harder.

Sean

[Nancy OShea]

Use code view.  You can use whichever tags and attributes you wish.

That said, the border attribute on images is deprecated in HTML and XHTML docs.  You really don't need it. 

Nancy O.