disable hover selectively

[HarlanBear]

Hello,

I currently have hover abilities on all my galleries and what to know if I can remove or hide hover for my Bio, Guestbook and, eventually, Information galleries. These also have images, but I don't want hover to work on those pics, but like it fine in my photo Galleries.

My site: http://mburkey.smugmug.com/

Thanks,

[HarlanBear]

Hello,

I currently have hover abilities on all my galleries and what to know if I can remove or hide hover for my Bio, Guestbook and, eventually, Information galleries. These also have images, but I don't want hover to work on those pics, but like it fine in my photo Galleries.

My site: http://mburkey.smugmug.com/

Thanks,

Hello again,

I was able to change some of the hover things I reference in above post, but still looking for help on one change. All my galleries have hover attributes which make the picture shift a bit and change the border to yellow, which I want in photo galleries, but not in my Bio, Guestbook and Information galleries. Those galleries are here:
http://mburkey.smugmug.com/gallery/2582775

http://mburkey.smugmug.com/gallery/2561231

http://mburkey.smugmug.com/gallery/2550795

I would like nothing to happen when hovering on the pictures on these gallery pages.

Hope someone can help me with this.

Thanks,

[Andy]

Hello again,

I was able to change some of the hover things I reference in above post, but still looking for help on one change. All my galleries have hover attributes which make the picture shift a bit and change the border to yellow, which I want in photo galleries, but not in my Bio, Guestbook and Information galleries. Those galleries are here:
http://mburkey.smugmug.com/gallery/2582775

http://mburkey.smugmug.com/gallery/2561231

http://mburkey.smugmug.com/gallery/2550795

I would like nothing to happen when hovering on the pictures on these gallery pages.

Hope someone can help me with this.

Thanks,

1 of 2 ways:

Change the red in your current CSS:

.imgBorder {border: 3px solid #6666ff;}
a:hover .imgBorder, .imgBorderOn {border: 3px solid #FFFF00;}

(you currently have the hover image border at 1px, so that's why it moves on hover).

Or, to remove image borders completely, for specific galleries, to it like this:

.gallery_2582775 a:hover .imgBorder,
.gallery_2582775 .imgBorder {border: none;}

[HarlanBear]

Thanks, Andy, that works great.

Is there a way to keep the borders on the photos in the Bio, Info and Guestbook galleries, but have no effect when hovering?

[Andy]

Thanks, Andy, that works great.

Is there a way to keep the borders on the photos in the Bio, Info and Guestbook galleries, but have no effect when hovering?

.gallery_XXXXXXXX .imgBorder {border: 3px solid #6666ff;}
.gallery_XXXXXXXX a:hover .imgBorder, .imgBorderOn {border: 3px solid #6666ff;}

Yes, keep the color and size the same... as above example

[HarlanBear]

Ah, yes. The old "hide-the-reveal" trick :wink

We used to do that sort of thing with analog editing of video.

Works like a charm. Thanks, Andy :D