Adobe Dreamweaver Team Blog

Here’s a really annoying problem that we often hear people asking about: how do I get rid of a blue border that surrounds an image when I make the image a link?

Annoying blue border around a linked image

Some people will tell you to simply set a zero border in the Dreamweaver Property inspector, but according to David Powers, you should really use CSS instead.

Here’s how to do it:

1. Create a new CSS rule for linked images, either in the head of the document or in an external style sheet. (We recommend the latter.)
   The new rule looks like this:
   a img { border: none; }
   Note: If you don’t know anything about creating CSS rules, you’ll need to read up on some basic CSS info first.
2. If you’ve created the rule in a <style> block in the head of your document, you don’t need to do anything else. If you’ve created the rule in an external style sheet, make sure the sheet is linked to the page that’s displaying the annoying border.

Creating a CSS style to remove borders automatically removes the blue border from ALL images that you’ve turned into links. If you use an external style sheet, and link it to all the pages in your site, the same rule affects every image link in your site. This is a much more efficient method of eliminating those pesky borders than adding zero to the border property for every image in your website!

Thanks to David Powers, who originally posted this helpful tip in the Adobe Dreamweaver Forum.

Over the past week, we publicized some high-value content from adobe.com and  other community sites. Hopefully you enjoyed these posts and found the resources useful. This will be the last post in the “Adobe Recommends” series (for now!)

Continuing our trip along the CSS highway, we have this recommended video by Dreamweaver Product Manager, Scott Fegette:

Dreamweaver CS5 — CSS Inspect

This video shows you how you can use CSS Inspect in Dreamweaver’s Live view to inspect and edit your CSS structure.

Over  the past week, we publicized some high-value content from adobe.com and other community sites. Hopefully you enjoyed these posts and found the resources useful. Today is our last day of the “Adobe Recommends” series.

Continuing our trip along the CSS highway, we now move to CSS3 with our next recommendation, by Preran Kurnool:

Enhanced support for CSS3 in Dreamweaver CS5.5

This blog post takes you through using box shadow, text shadow, border radius, and border image properties in Dreamweaver CS5.5.

Give it a spin and let us know what you think!

Here’s another one from the great David Powers:

Automatically attaching a style sheet to a new document

This article shows you how to attach style sheets to new documents that you’re creating in Dreamweaver — no need to fuss with the attachment process afterwards!

Continuing our trip along the CSS highway, our next recommendation is a video by Dreamweaver superstar Brian Wood:

New CSS features in Dreamweaver CS5

The video demonstrates some of the most exciting new CSS features in Dreamweaver: new CSS layouts, CSS inspect, and CSS enable/disable.

Not only is the title of this blog posting a topic of interest for many, many Dreamweaver users, it is also the title of a brand new book by Dreamweaver Community Expert and moderator, David Powers. We’re very excited about this book because it promises to teach the very best CSS methods and techniques, from one of the best educators out there.
Between now and February 26th, 2010, APRESS is actually offering readers of this blog a 50% discount on the ebook version of Getting Started with CSS. Visit www.apress.com, search for the book by title, click the BUY AS EBOOK button, and enter the promotional code: DWBLOGMR.
Mr. Powers (the name is apt) is one of the most active members on the Adobe Dreamweaver forums, so if you have questions or comments about his book, you can always find him there.