Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:27

How can we change the background-position of images


Poster: betsy
Dated: Tuesday November 1 2005 - 17:28:16 GMT

We want to style our menu in the following manner:

The background images should be different for all menu items.

a1("align=center;bgimage=disco.gif;text=Disco");

My Question:
How can we change the background-position.

Background: We want to use rollover effects without preloading the images.
In CSS:

.elem {background-image:url(URL);background-position:0 0}
.elem:hover {background-image:url(URL);background-position:100 10}
:?:


Poster: Ruth
Dated: Tuesday November 1 2005 - 19:19:06 GMT

Since you are using css, you can create classes and use the built in offclass and onclass functionality of the menu. I'm not sure on the .elem:hover as the name. I think that colon might cause a problem so you might have to create it as .elem and .elemover or o or something. You should be able to use the same css coding as you have now and then just call the applicable class in the aI.

aI("whatever stuff;offclass=elem;onclass=elemover;");

There is a very, very basic beginners' guide example of styling the menu with css http://www.milonic.com/forum/viewtopic.php?t=6392

Ruth

thanks!


Poster: betsy
Dated: Wednesday November 2 2005 - 12:22:32 GMT

Hi,

thanks for your help and support. :D