Skip navigation
Currently Being Moderated

Dreamweaver CS6 missing 'border' in properties

May 21, 2012 6:45 PM

Tags: #dreamweaver #border #cs6

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?

 
Replies
  • Currently Being Moderated
    May 22, 2012 12:59 PM   in reply to leck_23

    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/

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 11, 2012 6:03 AM   in reply to leck_23

    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.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 11, 2012 6:29 AM   in reply to littlelili

    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.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 23, 2012 8:06 AM   in reply to David_Powers

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

     

    Thanks ahead,

    -Line

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 23, 2012 9:37 AM   in reply to Line

    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.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 23, 2012 10:29 AM   in reply to David_Powers

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

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 23, 2012 10:58 AM   in reply to MurraySummers

    Right. 

     

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

    a img {border:none}

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 17, 2012 12:19 AM   in reply to leck_23

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

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 27, 2012 8:56 AM   in reply to Nethril123

    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

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 27, 2012 9:01 AM   in reply to Tennga

    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

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 27, 2012 9:37 AM   in reply to Nethril123
    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

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 8, 2012 3:09 PM   in reply to Line

    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.

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 9, 2012 5:22 AM   in reply to eggmedia

    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.

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 9, 2012 9:18 AM   in reply to Nethril123

    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.

     
    |
    Mark as:
  • Currently Being Moderated
    Nov 9, 2012 10:07 AM   in reply to Fortune Hunter Z

    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.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 6, 2013 12:50 PM   in reply to leck_23

    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.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 6, 2013 1:13 PM   in reply to capefearband

    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.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 6, 2013 1:19 PM   in reply to capefearband

     

    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

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 6, 2013 11:01 PM   in reply to Nancy O.

    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.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 6, 2013 11:11 PM   in reply to Nethril123

    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.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 7, 2013 10:52 AM   in reply to Nethril123
    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.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 22, 2013 6:02 AM   in reply to 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

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 22, 2013 10:11 AM   in reply to SeanCopping

    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.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 27, 2013 11:34 AM   in reply to leck_23

    boder0.pngboder.PNG

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points