hover effect on c_11.jpg in Cyber Dark

Metal-R-US

I'm trying to create a hover effect on the c_11.jpg on my forum. What I've done so far:

created a ch_11.jpg with the desired effect
added the following in the Additional CSS Definitions: .nav_middle_pic a:hover { background:url(/designs/cyborg-dark/ch_11.jpg); } right after the .nav_middle_pic definition already there (copied from the button hover effect and edited that)

My problem now is that only about half of the pic shows at the bottom of the original pic (see attachments). What do I need to adjust in the CSS Definitions to make te full effect show in the right place? Thanks for your help.

Metal-R-US

Anyone? I'm trying and trying but I can't make it work. Unfortunately my CSS knowledge is still rather limited and I hope someone can guide me in the right direction...

*Christian*

Can i see a Live Demo?

Metal-R-US

Sent you info in a PM as I only set it up at my test board right now.

*Christian*

Now it works fine:

Code:

.nav_middle_pic { background:url(/designs/cyborg-dark/c_11.jpg);display:block;height:33px;width:82px; margin:0 auto;  }

.nav_middle_pic a:link, .nav_middle_pic a:visited { background:url(/designs/cyborg-dark/c_11.jpg);display:block;height:33px;width:82px; margin:0 auto;  }

.nav_middle_pic a:hover { background: url(/designs/cyborg-dark/ch_11.jpg);display:block;height:33px;width:82px; margin:0 auto;  }

Metal-R-US

Cool thanks a lot! I'm glad I went for a style of your hand in stead of one of your competitors, the support here is excelent (unlike others I've checked out...)!

*Christian*

Thanks for your nice feedback.