The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Ugly Blue Border around Image, How Can I remove it when adding a link to an image?
Mkcoy
post Apr 4 2008, 06:34 AM
Post #1





Group: Members
Posts: 3
Joined: 4-April 08
Member No.: 5,346



Hi

Im trying to add a hyperlink to an image on my site but when I do I get an ugly blue box around it huh.gif

This is distorting the rest of the page on the site.

I am using Frontpage to create my links and Ive even tried adding the link manually in notepad but I still get the ugly blue border ohmy.gif

Can you help me as to why this happens and how I can get around it?

My sites menu links are using Javascript for the rollover effects but When Ive tried adding on to that to add the link I STILL get the blue border around the image!

The site is http://www.infos.110mb.com/

Am I getting the border because its in a TD cell or somethink?

For eg; the image I want to add a link to is:
CODE

<TD ROWSPAN=2>
<IMG SRC="images/draw2.gif" WIDTH=149 HEIGHT=211 ALT="">
</TD>
<TD>



All I want to do is add this:
CODE

<TD ROWSPAN=2>
<a href="traffic.html">
<IMG SRC="images/draw2.gif" WIDTH=149 HEIGHT=211 ALT=""></a>
</TD>
<TD>


But when I do I get this! http://i306.photobucket.com/albums/nn247/i...yblueborder.jpg

Yuk!

Why is this happening and how can I prevent the border when I add a link to it?

Your help is much appreciated!

Kai

This post has been edited by Mkcoy: Apr 4 2008, 06:39 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Mkcoy
post Apr 4 2008, 06:57 AM
Post #2





Group: Members
Posts: 3
Joined: 4-April 08
Member No.: 5,346



Doh! Dont worry worked it out now

Just needed to add the border="0" LOL
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Apr 4 2008, 08:53 AM
Post #3


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Well, if you instead use CSS you only have to use this *once* for your whole site.

CODE
a img   { border: none }


http://htmlhelp.com/faq/html/images.html#no-border
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 24th April 2024 - 08:04 PM