[Solved] I can’t set the a:hover right

[spunkil]

Hi,
I have a menu and the last list item is a flag to change the language to English.
I tried to prevent hovering effect on it but with no success.

My web site – http://www.soniagarcia.co.il

The link item is:

And in the style.css I tried a few things, but none of them helped:

#suckerfishnav ul li.qtrans_flag,

#suckerfishnav ul li.qtrans_flag a:hover,

#suckerfishnav ul li.qtrans_flag a.noback{

display:block;

height:12px;

width:18px;

border:1px solid #B6B6B6;

background: none;

}



#suckerfishnav ul li.qtrans_flag a:hover {

background: none;

}



#trans_flag_link a:hover {background:none;}

a#trans_flag_link:hover {background:none;}

Do you know what I should do?
Thanks!

[virtual]

Give it a class and do not put the a:hover on that particular class in the css. It will still be a link, just won’t have a hover effect.

[spunkil]

I created a class

And on the css I did

.trans_flag_link {background:none;}

but no good...
it inherits the hover from the menu..

[virtual]

It’s showing a dull blue, if you are not using this colour anywhere in your site, go to the Suckerfish style sheet and find this line, second from bottom

#suckerfishnav li:hover, #suckerfishnav li.sfhover {background:#5E7AD3;}

and remove it. If you are using it on your site you will need to add in the li with the class for the flag to change the background on hover to show the flag.

[spunkil]

Hmm..
I changed it to #suckerfishnav li:hover, #suckerfishnav li.sfhover {background:none;}
So – now something else is blocking it when hovering on it?

[Joshee23]

It’s showing a dull blue, if you are not using this colour anywhere in your site, go to the Suckerfish style sheet and find this line, second from bottom..
thanks,,http://howtodealwithdepression.org/

[spunkil]

Ok, I think it’s finnaly good, I changed that line to background-color: transparent and it doesn’t show anymore
Thanks a lot!

[Author]

Posts