?
Solved

Prevent Blue Border on Linked Image

Posted on 2007-11-13
12
Medium Priority
?
417 Views
Last Modified: 2010-04-21
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
0
Comment
Question by:jezella
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 3
  • 3
  • +3
12 Comments
 
LVL 35

Expert Comment

by:mrichmon
ID: 20276753
<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
 
LVL 14

Expert Comment

by:cezarF
ID: 20276756
try
<style type="text/css">
<!--
A{text-decoration:none}
-->
</style>
0
 
LVL 28

Accepted Solution

by:
gamebits earned 800 total points
ID: 20276760
add

border="0"

to the tag
0
Why Off-Site Backups Are The Only Way To Go

You are probably backing up your data—but how and where? Ransomware is on the rise and there are variants that specifically target backups. Read on to discover why off-site is the way to go.

 
LVL 14

Expert Comment

by:cezarF
ID: 20276765
0
 
LVL 14

Expert Comment

by:cezarF
ID: 20276771
oops sorry, didn't notice linked image at first.
0
 

Author Comment

by:jezella
ID: 20276800
Tried those as here.

div.Wrapper div.Head div.RightImage
      {
      float:    right;
      position: relative;
      border:0;
      border-width:0;
      }
      
      a{text-decoration:none}
0
 
LVL 12

Assisted Solution

by:oceanbeach
oceanbeach earned 400 total points
ID: 20277076
Hello jezella,

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

img { border: none; }

I hope this helps!

oceanbeach
0
 
LVL 5

Assisted Solution

by:rucky544
rucky544 earned 800 total points
ID: 20278619
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
 
LVL 35

Expert Comment

by:mrichmon
ID: 20282599
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
 

Author Closing Comment

by:jezella
ID: 31409132
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
 

Author Comment

by:jezella
ID: 20285307
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
 
LVL 35

Expert Comment

by:mrichmon
ID: 20285565
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

Featured Post

Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
Suggested Courses

777 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question