This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Stylesheets > March 2007 > Roll over for menu





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author Roll over for menu
ColorWorld

2007-03-14, 7:18 pm

Hi there

I am setting up a menu. It is an "button" with roll over function. The
background image changes. That works fine :)
But: underneath is an image. Each menu item has its own image AND i
want that image to change also on mouse-over...

Here is the url:

http://www.keyone.nl/lab/beeldlijn/portal.asp

The mouse over for the buttons works as you can see. But how to change
the image underneath? I have no clou. (If it can be done with asp i am
happy too).

Can anyone help me out (a bit even)?

thanks,
Mark


ColorWorld

2007-03-14, 7:18 pm

ColorWorld submitted this idea :
> Hi there
>
> I am setting up a menu. It is an "button" with roll over function. The
> background image changes. That works fine :)
> But: underneath is an image. Each menu item has its own image AND i want that
> image to change also on mouse-over...
>
> Here is the url:
>
> http://www.keyone.nl/lab/beeldlijn/portal.asp
>
> The mouse over for the buttons works as you can see. But how to change the
> image underneath? I have no clou. (If it can be done with asp i am happy
> too).
>
> Can anyone help me out (a bit even)?
>
> thanks,
> Mark


Never mind. I found a solution. Each mouse over picture has its own
normal and mouse over picture like:

#mainmenu li#mo4 a:link, #mainmenu li a:visited {
background-image: url(../img/menu/f_nieuws.jpg);
}

#mainmenu li#mo4 a:hover {
background-image: url(../img/menu/f_nieuws_aan.jpg);
}

--
-------------------------------------------------------------
www.colorworld.nl


Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews