Setting thumbnail as active

Question

Hi,
I created a simple gallery using DW built-in behavior pannel.
I have a few thumbnail and when the mouse is over them, their frame turns blue.
When I click on the thumbnail the main image changes.
I created a css rule to change the thumbnail apperance when the mouse is over it to have a blue frame:
#Thumb ul li:hover,
#Thumb ul li:active
    border: 1px solid #0CF;
How can I set the "active" thumbnail to have a blue border.
I want the active thumbnail to have blue border and the rest of the thumbs white.
The active will be set once I click on it.
Dan
Perhaps the way is to change an elements class when I click the mouse?
If yes than how do i change elements classes when I click the mouse?
Assuming this is the way, and I have <li> element and I click over one of them. How do I chage it's class and the other <li> classes as well?
Message was edited by: karpiyon

Answer 1

If you add a border to the link on hover, it will appear to jump on the page.  To counteract that effect, add a neutral border around the li a state -- same as your page's background-color.
#Thumb li a {color: #FFF; border:1px solid #000}
#Thumb li a:hover,
#Thumb li a:active,
#Thumb li a:focus {border: 1px solid #0CF;}
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists 
http://alt-web.com/
http://twitter.com/altweb