Link decoration wont go away

[buntrosgali]

Ok guys i have created images on my site that when you roll over go from black and white to colour, i have added the text decoration code below

but the images are still showing a blue colour outline around them untill you have clicked the link once, when you have done this and return to the site the image no longer has the blue around it.


here is my site look at bottom section "who we have worked with"

link


any ideas how to remove this?

[Russ]

Basic CSS?

a:link
a:visited
a:hover, a:focus
a:active

There is no unvisited? Have you validated your CSS?

[Peciura]

symply apend stylesheet as follows

Code: Select all

a img{
   border-width:0;
}

[Stom]

So, assuming you're just using text links, change your CSS to:

Code: Select all

<style type="text/css">
<!--
  a:link{color: #000; text-decoration: none; }
  a:visited {color: #000; text-decoration: none; }
  a:active{color: #000; text-decoration: none;
  a:hover{color: #000; text-decoration: underline; }
 }
-->
</style> 

Although this should probably go into a stylesheet, not directly in the template, just for sake of neatness.

If you're using images for links you'll need to either add a stylesheet rule:

Code: Select all

img {
  border:0;
}

Or change the few images you're using as links to have the style attribute

Code: Select all

<img src='image.jpg' style='border:0;' />

[replytomk3]

Web Developer Toolbar for Firefox will allow you to edit CSS live on any website and see what happens.

[buntrosgali]

cheers guys it was a css validation error thanks for all your help