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 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
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 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 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.
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
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.
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.
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!
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.
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.
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"?
You don't need to add border="0" to each and every linked image to remove the browser-applied border.
If you add the single line shown below to your site's external linked stylesheet, you'll never see another border on a linked image in your entire site again.
a img { border: none; }
where "a img" = all image tags found inside an anchor tag i.e. all linked images
Most of the users of Dreamweaver are designers, not programmer, we only need:
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.
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.
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.
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
North America
Europe, Middle East and Africa
Asia Pacific