Prevent Blue Border on Linked Image

Hi all.

How do I prevent the blue border showing on a linked image?  An example of the problem is here.
http://www.ashley-wedding-cars.co.uk/wedding-information-center/best-man/template.php

Many thanks
jezellaAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
gamebitsConnect With a Mentor Commented:
add

border="0"

to the tag
0
 
mrichmonCommented:
<img style="border-width: 0px;" ... />

or add a class in your stylesheet, or apply to all images:

img { border: solid 0px #FFFFFF; }

We do that and then override on the images we do want a border, but that causes no border by default on all images, unless they have an overriding class/style.
0
 
cezarFCommented:
try
<style type="text/css">
<!--
A{text-decoration:none}
-->
</style>
0
What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

 
cezarFCommented:
0
 
cezarFCommented:
oops sorry, didn't notice linked image at first.
0
 
jezellaAuthor Commented:
Tried those as here.

div.Wrapper div.Head div.RightImage
      {
      float:    right;
      position: relative;
      border:0;
      border-width:0;
      }
      
      a{text-decoration:none}
0
 
oceanbeachConnect With a Mentor Commented:
Hello jezella,

If none of the above suggestions work, try adding this css...

img { border: none; }

I hope this helps!

oceanbeach
0
 
rucky544Connect With a Mentor Commented:
it will need to be:

.RightImage img
      {
      float:    right;
      position: relative;
      border:none;
      }

Assuming the img is inside a div with the class RightImage
0
 
mrichmonCommented:
Setting the width to 0px is better than none, because for some reason there is a bug in IE that causes problems with no border, but accepts a width of 0px.
0
 
jezellaAuthor Commented:
Most answers were good. Part of my problem was that my DOCTYPE is strict.  I've now sorted this with the following.

.RightImage img
      {
      float:    right;
      position: relative;
      border:none;
      }

Many thanks

AJ
0
 
jezellaAuthor Commented:
Many thanks to all as usual. I also had another problem but the answers you have provided have helped me understand CSS better.

Many thanks all.

AJ
0
 
mrichmonCommented:
I am suprised that you did not split with my comment as well.  Instead you picked two duplicate answers, which are known to have some issues.  Wouldn't a split between two different answerws have been better?

Oh well.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.