[HTML + CSS] Hyperlink Question.

[Conrad11]

Hi there,

I am developing a site for a friend of mine and I have a question about hyperlinks.

This is the page: Cheetah Designs

Basically:

1. Does the gallery load up fast enough in your opinion?
2. When you hover over one of the thumbnails it will show the picture and then when you hover off the picture will go. The user can get the picture to stay there by clicking the thumbnail. It will turn the border of the thumbnail red, but you are left with a "Black Dotted Line" around the thumbnail and picture to show they have clicked a button (see below - some highlighted). Is there anyway to stop this black dotted line from appearing?



Thanks.

EDIT:

I think you can use this.

onFocus="blur()"

But people are unable to Tab around the page I think, which may cause some people problems.


EDIT AGAIN:

I can confirm that the onFocus="blue()" works in IE6 but not in FF. Also its javascript so you get that yellow information bar at the top that I don't want.

 

[Beansprout]

Aha! The black dotted border looks to be the often overlooked a:focus{} in action. Just add a CSS rule with border: none; methinks

 

[Conrad11]

Thanks for the try, but it doesn't seem to work, well not in FF anyways.

It could be that I was doing it wrong, I added this to my CSS:

a.g:focus{border:none}

All it does it takes the red border off of the thumbnail which is focussed.