Skip navigation

The Blue Dash

Fixing the blue dash below images
Are you seeing blue dashes near linked images? If you are, you may occasionally come across an image like the one below:

example linked image with blue dash

Notice the little mark near the bottom-right corner of the image (will only display in some browsers)? Have you ever wanted to just get rid of it but thought maybe it was not possible? Well, you can get rid of it, and the solution is a small change in the code on your page. Here is how I wrote the code for the image above:

<a href="linkmark.htm">
<img src="scare.jpg">
</a>

Notice how the code for the linked image is on three lines. Some browsers do not like this too well, and display that nagging little mark. To get rid of the mark, put all three lines on a single line in your text editor. You want the line to look like this:

<a href="linkmark.htm"><img src="scare.jpg"></a>

Now, take a look at the image again, after we have the code placed all on a single line:

sample linked image- no dash

How about that! The mark is gone, and we will not have to deal with it anymore— unless, of course, you really like the mark! That should allow you to use linked images with a little less anxiety, if nothing else. Have some fun with it!

Well, if you have had enough of that, let's go onto the next section: Font Faces.

 

Other Topics: ASP/PHP | DHTML | Java | Site Survey | Contact Us | Privacy Policy

Copyright © 1997-2009 The Web Design Resource. All rights reserved. Disclaimer.