Re: Do Milonic menus work with css pseudo-frames

Poster: Dave Rado
Dated: Wednesday March 12 2008 - 12:52:33 GMT

Many thanks, Ruth. Just to clarify, as opposed to the main menu being in the header as in your mock-ups, I want the main menu to be the header - so putting it in a table or div makes sense. See my mock-up at http://tinyurl.com/28mcte (not yet with the css psuedo frames)

Talking of which your documentation on putting the menu in a table or div mentions somewhere that you prefer us to use tables rather than divs - but I couldn't see an explanation about why divs are not a good idea?

I actually want the main menu to have no separator lines and no background other than the div's background (or table's background if I need to use a table); and I don't want the drop-down to have separator lines either - I am trying to achieve a similar look to a browser's menu. I take it none of this should pose a problem?

Dave

Do Milonic menus work with css pseudo-frames - [resolved]

Poster: Dave Rado
Dated: Tuesday March 11 2008 - 10:21:45 GMT

Hi

I am planning to use css pseudo-frames for my top menu and my footer using the method described at http://tinyurl.com/myl4n and demonstrated at http://tinyurl.com/2qf5yb. Do the Milonic menus work in that scenario?

Dave

Re: Do Milonic menus work with css pseudo-frames

Poster: Ruth
Dated: Tuesday March 11 2008 - 15:24:31 GMT

Hi,

Where do you want the menu? The menu should work but I'd like to know where so I can test for any css problems. Of course, you could always use iframes which most modern browsers support, and the menu opens subs over iframes.

Ruth

Re: Do Milonic menus work with css pseudo-frames

Poster: Dave Rado
Dated: Tuesday March 11 2008 - 18:58:10 GMT

Hi Ruth

I would do anything to avoid having to use iframes.

The menu should be at the top. In the demo at http://tinyurl.com/2qf5yb the menu should be located where it says "CSS Frames, version 2 Example 1, full-width" - although the height of 5em that has been allocated for the header pseudo frame in that demo is excessive - my menu will require more like 1.5em.

Re: Do Milonic menus work with css pseudo-frames

Poster: Ruth
Dated: Tuesday March 11 2008 - 20:56:22 GMT

Hi,

This is not a problem at all. As long as that section that says CSS Frames, version 2 Example 1, full-width is going to always be at the top, then all you do is set the top and left positions of the menu and it will always be at those top and left positions.
Or if you wanted it to be at the top but centered, then you'd set the top position and use the 'keyword' screenposition="center"; and it would then be at the top you set and centered in the browser window.

Ruth

Re: Do Milonic menus work with css pseudo-frames

Poster: Dave Rado
Dated: Tuesday March 11 2008 - 23:03:23 GMT

Many thanks Ruth. Just to make absolutely sure I'm not misunderstanding what you've written, if I simply set the top and left positions of the main menu to 0 in the menu_data.js file, then in the scenario I linked to, when I scroll down, the menu will always remain visible and static at the top of the browser window, as if it were in a separate frame?

As I posted elsewhere, it's not that I'm unwilling to spend time trying things out, I am; it's just that before I start to do so, I'd like to be certain that what I'm trying to achieve is possible.

Thanks again

Dave

Re: Do Milonic menus work with css pseudo-frames

Poster: Ruth
Dated: Wednesday March 12 2008 - 5:26:46 GMT

Hi,

Well, it's not quite that simple, however I put up a sample for you. There is a download link at the bottom of the page in the footer. It has all the stuff in it except the program files. You'll need to use what you downloaded. You'll need to test it, I have tested IE6, FF1.5, 2, NN9 and it works in those. It does not work in Safari 3 Beta for pc, nor in NN7. You will have to contact Milonic directly about that. I don't have enough css, js knowledge to figure out what is needed to get it to be fixed in those.

Also, look at this http://www.milonic.com/fixed_position.php In order to do this so it would work in IE I had to use that fix. If you look at the ie css file you'll see how I added that, and also look at the regular css file because it needed to have an addition in the body coding.

It also has shadows. I'll post in the other forum with the info on that.

http://support.milonic.com/ruth/cssfram ... _fixed.htm

Ruth

Re: Do Milonic menus work with css pseudo-frames

Poster: Ruth
Dated: Wednesday March 12 2008 - 8:16:40 GMT

Hi,

I have a way that does work in all the browsers I mentioned with one minor problem in IE which can be fixed.

http://support.milonic.com/ruth/cssfram ... lative.htm

If you look at that in the browsers I mentioned [I have no way to test others] you will see that in IE the menu is centered. That has something to do with the css for getting IE to do that fixed setup. The only way I know to fix it is to use a table in that div with the menu in it, then you can control the table position.

Even in a table, if you don't specify align='left'; the menu will still be in the center in IE because the table is in the center as you can see here http://support.milonic.com/ruth/cssfram ... -table.htm

Also, a relative positioned menu is relative, it goes at the top left of the div [usually, unless there's some css that conflicts] So, if you want to shift it down you will will have to do that using the table. I don't know any other way to do it since I don't do much css. Probably you can figure some way to set up a div in there and position it, but that's beyond me.... Hope this helps.

Oh, this position problem doesn't exist for most relatively positioned menus. As noted, I think it has something to do with the fixed setup

Ruth

Re: Do Milonic menus work with css pseudo-frames

Poster: Ruth
Dated: Wednesday March 12 2008 - 21:35:11 GMT

Hi,

The reason about the divs from back when I posted that is that it seemed so many browsers seemed to render them differently, and using things like relative, absolute etc, when the menu also was built on div it became a nightmare trying to figure out what part, or combination of parts, of the css div coding that was being used was causing issues, and to try and solve them i.e. padding, margins, subs not dropping in the correct place because people were nesting divs in divs nested in divs with different position coding, margins, padding, overflows. However, that doesn't seem to be an issue now, at least I've not seen any questions about such for a while now as the newer versions of the menu have come out.

The reason I said about putting a table inside that div is because of that css frames thing which seems to force the menu to the center in IE no matter what you tell it. If you put a little table inside the div you can then shift the table, i.e. align=left, or align=center or whatever and then it will be in the same place in all the browsers.

You don't have to code separators, just don't put any code for them, or put separatorsize=0; If you want absolutely nothing as to background for the main menu, then just set all the colors to transparent; i.e. offbgcolor="transparent";

As to the method for putting the menu position="relative"; you have to use the old method for setting the menu relative. The buildAfterLoad=true; method won't work, or rather it works, but it stops the menu from staying in that fixed attitude. It's Method 2 on this page. http://support.milonic.com/beginners/ta ... /index.htm

Ruth

Re: Do Milonic menus work with css pseudo-frames

Poster: Dave Rado
Dated: Thursday March 13 2008 - 0:26:36 GMT

Many thanks for all your help, Ruth, I really appreciate it.

Dave