Universal CSS Navigation Menu Support Product Page

Answered

last image hovered

Asked 16 Aug 2012 14:52:45
1
has this question
16 Aug 2012 14:52:45 Bart Garner posted:
In this thread:
www.dmxzone.com/support/17207/topic/50481/?highlight=last+image+hovered%0A

It says a change to the CSS fixed the problem, but it does not say what the change was?

Please advise.

Replies

Replied 20 Aug 2012 22:47:43
20 Aug 2012 22:47:43 Bart Garner replied:
Please share this fix ASAP.
Replied 21 Aug 2012 06:36:10
21 Aug 2012 06:36:10 Teodor Kuduschiev replied:
Hello Bart,

Actually this is NOT a problem. This is how the menu is supposed to work.
If you need to change this you need some advanced CSS knowledge. Removing the Hover Class from the css can do this job for you:


.dmxNavigationMenu li a.selected,
.dmxNavigationMenu li a:hover,
.dmxNavigationMenu li a.hover {
	background: #eee;
	color: #AB9C8F;
}

Should become

.dmxNavigationMenu li a.selected,
.dmxNavigationMenu li a:hover {
	background: #eee;
	color: #AB9C8F;
}


Replied 21 Aug 2012 12:11:12
21 Aug 2012 12:11:12 Bart Garner replied:
Actually this IS a problem if you do not want your "hover" to remain after you move the mouse away.

The designers left this code in the css file.

.dmxNavigationMenu li a.hover

Which is the hover class he mentioned above.

This of course is completely wrong and unnecessary as a hover that remains behind would confuse the user.

All that is required is:

.dmxNavigationMenu li a:hover

Obviously this is an error in the code but I am told that is how the developer wanted it.
Replied 21 Aug 2012 12:30:40
21 Aug 2012 12:30:40 Teodor Kuduschiev replied:
Hello,

These are two different things.

In CSS with "." you mark a class and with ":" you mark a Pseudo-class.

The .hover class is needed in the Universal CSS Navigation Menu and it is NOT "left" by the developer there.

More information about classes and pseudo-classes you can find here:

www.w3schools.com/css/css_id_class.asp
www.w3schools.com/css/css_pseudo_classes.asp



Reply to this topic