alex5857
10-19-2007, 07:04 AM
hello, im new with css, never use it, but i have a question about a image viewer that im using, the image appears when i hover over it but once i move the mouse it disappears, i know its supposed to because the hover command.
now what i want is for the image to stay and not disappear after i remove the mouse from the thumbnail, here is the code that im using
many thanks!
#gallery
{ position: relative;
width: 656px;
padding-top: 8px;
}
#thumbs
{ width: 205px;
float: right;
}
#thumbs a
{ display: block;
float: right;
margin: 1px 0px 3px 10px;
width: 50px;
height: 50px;
border: 2px solid #40403E;
}
#thumbs a img
{ width: 50px;
height: 50px;
border: 0;
}
#thumbs a:hover {border-color: #ddd;}
#thumbs a:hover img
{ position: absolute;
width: auto;
height: auto;
right: 196px;
top: 8px;
padding: 2px;
border: 2px solid #40403E;
}
now what i want is for the image to stay and not disappear after i remove the mouse from the thumbnail, here is the code that im using
many thanks!
#gallery
{ position: relative;
width: 656px;
padding-top: 8px;
}
#thumbs
{ width: 205px;
float: right;
}
#thumbs a
{ display: block;
float: right;
margin: 1px 0px 3px 10px;
width: 50px;
height: 50px;
border: 2px solid #40403E;
}
#thumbs a img
{ width: 50px;
height: 50px;
border: 0;
}
#thumbs a:hover {border-color: #ddd;}
#thumbs a:hover img
{ position: absolute;
width: auto;
height: auto;
right: 196px;
top: 8px;
padding: 2px;
border: 2px solid #40403E;
}