Positioning of images

Taken From The Forum:
Forum Topic:
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

Industrial Strength JavaScript and DHTML Menus

Positioning of images