Small issue with navigation

[Guest]

Hi everybody,

Some time ago, I asked for some advice concerning the design of my
website. One of the tips that were offered to me was to create a clearer
form of navigation.

At that point, the active menu item had a different background colour
than the others, and a little arrow icon to indicate the fact that it was
the active one. On hover of all the others, that same background and icon
would appear.

I've since removed the icon for the on hover event - but of course now,
when I hover over the active one, the icon disappears. You can see for
yourself how it looks right now: http://haus.scienceontheweb.net/ .

Is there a way to keep this icon? I'm not sure how to do this in css...
do I need to set the on hover event for the active one to another class
or something?

Thanks for the help!

Ivana Lottaspam

 

[dorayme]

Hi everybody,

Some time ago, I asked for some advice concerning the design of my
website. One of the tips that were offered to me was to create a clearer
form of navigation.

At that point, the active menu item had a different background colour
than the others, and a little arrow icon to indicate the fact that it was
the active one. On hover of all the others, that same background and icon
would appear.

I've since removed the icon for the on hover event - but of course now,
when I hover over the active one, the icon disappears. You can see for
yourself how it looks right now: http://haus.scienceontheweb.net/ .

Is there a way to keep this icon? I'm not sure how to do this in css...
do I need to set the on hover event for the active one to another class
or something?

Thanks for the help!

Ivana Lottaspam

Add the background image to your hover, thus:

#navigation a:hover {
background: #c5deff url('../img/arrow.gif') 96% 50% no-repeat;
color:#0764be;
}


instead of your

#navigation a:hover {
background: #c5deff 96% 50% no-repeat;
color:#0764be;
}