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

Element level offsets (are they possible?)


Poster: Maestro
Dated: Monday December 27 2004 - 1:35:10 GMT

Look at this image Image

[ By the way, the content was borrowed as filler only, this is not Joe's Filters ]

Anyway, I am having a little problem, and was hoping someone might have a solution.

See the cursor (upword pointing hand) in the upper left quadrent of the screenshot? I have it pointing to the problem.

Using Milonic, the top level menu has
Home|Departments|Library|Search|My City
and Library is selected.

Under that is the section with text=Draw from an extensive library.. Of type=header.
This is the submenu's first element.
I am using an onbgimage and offbgimage that is partially transparent to make the rest of the sub elements seem to be only about 200 px wide.

But notice where the cursor is pointing now, there's a 1px white border to the left of the remaining sub elements - this is caused by the content behind the submenu; that is, that section contains text and images over a white background.
THE MENU IS deliberately positioned to take advantage of the white background, which creates the illusion of a white border on the left side and top of the remaining submenu items.
This is what I want.

My problem is (and what I don't want), this little trick also creates the illusion that the type=header section is offset by 1px to the right
- of course it's not, but it does look that way.

What I need, and cannot seem to accomplish, is to apply a -1px offset to the header element, without affecting the remainder of the menu.

Can this be done?
I already tried placing left=offset=-1 inside the element declaration using various permutations of adding and escaping enclosing quote variants around the offset=-1 part; like left=\"offset=-1\", left='offset=-1' - none of these work.

Thanks,
-Tim


Poster: John
Dated: Monday December 27 2004 - 4:54:19 GMT

You can't escape those items in the _data file. Proper format is left="offset=-1"; (or whatever).

Now - got a URL?


Poster: Ruth
Dated: Monday December 27 2004 - 9:54:12 GMT

If I understand correctly, I cannot picture any way you could do that. The menu you have dropping down is so wide, in that menu is the header, and the other aI strings. You can't shift the header so it goes outside the menu box, it's part of it. From looking at your pic, it seems that the color behind the header is black and that's causing the problem since it has the white background stopping right at the bottom of the header. Have you tried setting up a class and applying it to the menu so that the menu has only a left side 1px white border? You should then be able to also put a separate border around the header item. I think.

Ruth

Left (only) border suggestion


Poster: Maestro
Dated: Monday December 27 2004 - 17:02:43 GMT

Thanks Ruth, I will give that a try.
It's always the simple solutions which elude.

:idea:


Poster: Maestro
Dated: Monday December 27 2004 - 17:08:35 GMT

John wrote:
You can't escape those items in the _data file. Proper format is left="offset=-1"; (or whatever).

Now - got a URL?


I didn't think I could use the quotes inside an aI without escaping them.
Here's the URL..
The URL which is ever changing and under development

Thanks,
-Tim


Poster: John
Dated: Monday December 27 2004 - 21:31:10 GMT

Those statements are not inside the aI (menu items); they're in the menu definitions.

It's OK, I'll just try out Ruth's suggestion anyway..


Poster: Maestro
Dated: Monday December 27 2004 - 22:13:29 GMT

I later figured it out, that is.. what you just said.
I'll try Ruth's suggestion as soon as I can get to it.

But thanks.
-Tim