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
Solved

Prevent Blue Border on Linked Image

Posted on 2007-11-13
12
410 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
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
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 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

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. 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.: (CODE)

809 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