Replies Back to Article

remove blue lines in an image that's linked

blue lines in linked image

March 13, 2004 by Tasneem Rangoonwala

Have u tried setting the image border property to "0"? It is done like this:

let me know if this helps

remove lines

March 13, 2004 by Tasneem Rangoonwala

code : "

remove lines

March 13, 2004 by Tasneem Rangoonwala

sorry, the code does not seem to some up in the window. i'll try again: code : (

)

You need CSS

June 4, 2004 by Mary-Catherine Gerrey

You will need to use style sheets for this, which means that it may not work in every browser, but for the most part you are fine. Just be sure that your links stand out so that your users don't miss them.

Code:

Hope this helps

I'm not sure if you got it down yet but maybe this will help

June 10, 2004 by mary chang

1. Click on design tab (make sure it's on the CSS Styles tab.)
2. Click on new css style (if you haven't used it before it's the 2 icon on the bottom right hand side of the panel. A + with a blue sheet behind it.)
3. Click on Use CSS Selector >
4. Click on Selector > drop down will show > a:link > a:visited > a:hover > a:active>
5. Select a:link first > click OK
6. Save your css file >
7 Css style definition for a:link in filename.css - in there format your font and whatever else you want to format make sure on decoration you click none > repeat those steps for :avisited and a:active but a:hover do everything the same except for decoration - check underline > click ok >
8. All done.
goes same for images - make the link for the image and do this

I'm not sure if you got your answer yet - just that this may be of some help.

Shawdy

Removing Blue Border with Properties Panel

June 24, 2004 by Paul Anderson

I always do like the person said, just click the image and in the properties panel set the border to '0'. Using this property you can also give other images a frame. Just a thought.

Remove blue border on linked graphics

December 14, 2004 by kozi moto

Click on the linked graphic and set the border to ZERO. This is all that needs to be done to remove the blue link border.

remove lines from linked image

May 25, 2005 by Ruben Walker

There are three ways to do this using style sheets.

1. Use embedded code within the <img> tag - this is fine if you are going to do this for only one image.

<img src="image.jpg" style={border:0px;} />

2. Put the embedded code in the <head> section - this is fine if you are going to do this for all images only on this one page.

Include the following code between <head> and </head>

<style type="text/css">

</style>

Then, in the <img> tag within <body></body>, write this code:

<img src="image.jpg" class="foo" />

3. Probably the best way to do it is to use an external style sheet - this way you can use it site-wide.

Open a new CSS document in Dreamweaver and type the following:

.foo {border:0px;}

Save it as style.css. You can also do this in Notepad, but be sure to save not as .txt but "All files" with a .css extension.

Now that you have your external style sheet you need to include this code between the <head> and </head> tags of your HTML code:

<style type="text/css">
@import "style.css";
</style>

And, finally, in the body of the HTML, here's how to write your img tag:

<img src="image.jpg" class="foo" />