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:22

Positioning of images


Poster: jvolgmann
Dated: Wednesday December 7 2005 - 15:23:28 GMT

Hello Support-Team,

i would like to position a bullet bevor a menu item like a simpel list:

Code:
* menu a
* menu b
* menu c


Additionally i have a fixed item-width, so some menu entry take more than one line. In this case the bullet is align in the middle of the text entry. For Example:

a three line menu entry:

Code:
  this is
* a extra
  large menu


I want that the bullet (image) is aligned top in this row like this:

Code:
* this is
  a extra
  large menu


I studied the faq and die examples but i cannot find any resolution. I also tried some options like imageposition=top, but didnot get the right solution. I recognized that feature that i am looking for, exists for the subimageposition. For this image you can align this to top, middle or bottom. I am looking for a possibility to use this same behaviour for the image.

Tanks for help.

Here my menustyles
Code:
_menuCloseDelay=200;
_menuOpenDelay=80;
_subOffsetTop=2;
_subOffsetLeft=-2;
fixMozillaZIndex=true;

/**
* main menu style (level 0)
*/
with(mainMenuStyle=new mm_style()){
}

with(menuStyle=new mm_style()){
    bordercolor="#dddddd";
   borderstyle="solid";
   borderwidth=1;
   fontfamily="Arial, Helvetica, sans-serif";
   fontstyle="normal";
   fontweight="bold";
   headerbgcolor="#ffffff";
   headercolor="#000000";
   offbgcolor="#ffffff";
   offcolor="#333333";
   onbgcolor="#ffffff";
   oncolor="#006699";
    itemwidth=185;
   padding=2;
    subimageposition="top";
    subimage="/img/deeper0.gif";
   subimagepadding=2;
   onsubimage="/img/deeper1.gif";
}
with(menuStyle2Lvl=new mm_style()) {
    itemwidth=185;
    subimageposition="top";
    bordercolor="#dddddd";
   borderstyle="solid";
   borderwidth=1;
   fontfamily="Arial, Helvetica, sans-serif";
   fontstyle="normal";
   headerbgcolor="#ffffff";
   headercolor="#000000";
   offbgcolor="#ffffff";
   offcolor="#333333";
   onbgcolor="#ffffff";
   oncolor="#006699";
   padding=1;
   subimage="/img/deeper0.gif";
   subimagepadding=2;
   onsubimage="/img/deeper1.gif";
}


Poster: Ruth
Dated: Friday December 9 2005 - 7:21:16 GMT

Hi,

We need to see the page so we can test this.

Ruth


Poster: Ruth
Dated: Friday December 9 2005 - 7:28:55 GMT

Try subimageposition="top left";

Ruth