Solved

Prevent Blue Border on Linked Image

Posted on 2007-11-13
12
406 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
  • 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 200 total points
ID: 20276760
add

border="0"

to the tag
0
 
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
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
LVL 12

Assisted Solution

by:oceanbeach
oceanbeach earned 100 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 200 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

929 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

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now