[url=http://www.freeimagehosting.net/][img]http://www.freeimagehosting.net/uploads/687abac883.gif[/img][/url]

(sorry i didn't understand how to upload images on this site)

http://www.freeimagehosting.net/image.php?687abac883.gif

as above image shows

i want to change the sub menu direction from right to left, could anybody please tell me how?

i want to make this change on menu.css

DotNetNuke_Community_04.09.04_Source\Website\Portals\_default\Skins\MinimalExtropy\css\menu.css

- i want the right border of the sub-menu  be inline with the right border of the main-menu

the original one:  the sub-menu left border inline with the main-menu left border

any help?

i think it is very easy for CSS expert

For changing direction of submenu, you have to change a function "positionMenu" in dnn.controls.dnnmenu.js

positionMenu: function(mNode, menu) {
        var oPCtl = this.getChildControl(mNode.id, 'ctr');
        if (dnn.dom.browser.isType(dnn.dom.browser.Safari, dnn.dom.browser.Opera)) {
            if (oPCtl.tagName == 'TR' && oPCtl.childNodes.length > 0)
                oPCtl = oPCtl.childNodes[oPCtl.childNodes.length - 1];
        }
        var oPDims = new dnn.dom.positioning.dims(oPCtl);
        var oMDims = new dnn.dom.positioning.dims(menu);
        var iScrollLeft = dnn.dom.positioning.bodyScrollLeft();
        var iScrollTop = dnn.dom.positioning.bodyScrollTop()
        var iMaxTop = dnn.dom.positioning.viewPortHeight() + iScrollTop - oPDims.rot;
        var iMaxLeft = dnn.dom.positioning.viewPortWidth() + iScrollLeft - oPDims.rol;
        var iNewTop = oPDims.t;
        var iNewLeft = oPDims.l;
        var iStartTop = oPDims.t;
        var iStartLeft = oPDims.l;
        if (this.isNodeVertical(mNode)) {
            iNewLeft = oPDims.l + oPDims.w;
            iStartTop = iMaxTop;
        }
        else {
            iNewTop = oPDims.t + oPDims.h;
            iStartLeft = iMaxLeft;
        }
        if (iNewTop + oMDims.h >= iMaxTop) {
            if (oPDims.rot + iStartTop - oMDims.h > iScrollTop)
                iNewTop = iStartTop - oMDims.h;
        }
        if (iNewLeft + oMDims.w > iMaxLeft) {
            if (oPDims.rol + iStartLeft - oMDims.w > iScrollLeft)
                iNewLeft = iStartLeft - oMDims.w;
        }
        if (this.suborient == dnn.controls.orient.horizontal && this.isNodeVertical(mNode) == false) {
            var oRDims = new dnn.dom.positioning.dims(this.container);
            iNewLeft = oRDims.l;
        }

        iNewLeft = iNewLeft - oMDims.w + oPDims.w;

        menu.style.top = iNewTop + 'px';
        menu.style.left = iNewLeft + 'px';

    },