...

View Full Version : Very very simple css question(image hover related)



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

effpeetee
10-19-2007, 07:51 AM
One thing that I have found is; that if, while you are hovering over the trigger; you press and hold the mouse button down whilst moving the pointer into the main picture: As long as the mouse pointer is over the main picture, it will stay on screen.

http://www.exitfegs.co.uk/Picchoosec.html

Have a look at this from my website to see if it helps.

Frank

jlhaslip
10-19-2007, 08:21 AM
Check over at http://cssplay.co.uk.

There is a page with Alice in Wonderland pictures, but I can't find it right now...

effpeetee
10-19-2007, 09:23 AM
Check over at http://cssplay.co.uk.

There is a page with Alice in Wonderland pictures, but I can't find it right now...

http://www.cssplay.co.uk/menu/hover_click.html

Is this the one you mean?

Frank

alex5857
10-19-2007, 10:57 PM
sorry for the dumb question but what code should i switch out for what to make the image not disappear?

thanks in advance

effpeetee
10-20-2007, 10:33 AM
Sorry, I can't help you on this. Hopefully someone else will pick this up.

Frank

effpeetee
10-22-2007, 09:09 AM
Made much headway. Almost ready for customisation.

Check out here.

http://www.exitfegs.co.uk/hovercss.html

All code available. Just "View Source"

Frank

effpeetee
10-22-2007, 12:51 PM
http://www.exitfegs.co.uk/hovercss.html


NOTE: This is a crib from a CSSPLAY.co.uk program.
If you use it, please give them credit.

http://www.cssplay.co.uk/menu/hover_click.html

Frank

alex5857
10-23-2007, 06:28 AM
ok thanks alot!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum