XHTML, CSS & Milonic

lloyd_borrett · Post by **lloyd_borrett** » Fri Dec 09, 2005 8:24 am

G'day,

I've used Milonic DHTML Menu successfully on many HTML web sites built using tables for layout and CSS for styling. But now that I'm trying to switch to using XHTML with CSS for both layout and styling, I'm struggling to get Milonic DHTML Menu to do what I want. I just haven't got to the ahhhh haaaa stage yet!

My latest efforts can be seen at: http://centaur.nocdirect.com/~jthetrus/test-milonic.htm. Its just not working at all well.

An example of the page without Milonic DHTML Menu can be seen at: http://centaur.nocdirect.com/~jthetrus/search.htm.

Basically, I'm trying to get Milonic DHTML Menu to replace the top horizontal menu, with horizontal and vertical menus that link to every page on the web site. I've been trying all sorts of stuff and getting nowhere.

No doubt what I'm doing wrong will be obvious to some of the more experienced practitioners around here. Please, can someone help me?

Best Regards, Lloyd.

tootricky · Post by **tootricky** » Fri Dec 09, 2005 1:39 pm

You have styled nearly every html element directly in your trust-primary-milonic.css, and since the menu uses those html elements (especially tables) AND can read that css file it is following those styles...

I would personally always use classes to overide core html tags (apart from html and body) rather than change the actual tags style. I have downloaded you site and removed the main style sheet so it doesn't load, and your menu behaves fine straight away... SO.... the stylesheet - or more specifically - how you have implemented the css is the issue I'm afraid.

You MAY be able to get away with adding a menu width and item width into you menu styles to correct this issue but I reckon you will have to and its better practice to change the style sheet and xhtml to use classes I'm afraid...

Good Luck and don't get downhearted... css is a much better design tool in the long run, its just a steep (but short) learning curve to start with

lloyd_borrett · Post by **lloyd_borrett** » Fri Dec 09, 2005 3:25 pm

Taking out the table related styles has fixed the problem.

Many thanks for the pointer in the right direction.

Best Regards, Lloyd.

vikenk · Post by **vikenk** » Fri Dec 09, 2005 4:44 pm

Yeah....I found out through a bit of frustration that the Menu picks up a lot of CSS styling. It picks up on <table> and <td> styles, margin, padding, <p> styles, etc. I learned that if the menu starts acting goofy or if looks very different in different browsers, I go to my CSS and start removing lines of code to find the offending line.

Viken K.

lloyd_borrett · Post by **lloyd_borrett** » Fri Dec 09, 2005 11:58 pm

G'day,

Now I'm experiencing a new issue.

Since adding Milonic DHTML Menu to the pages, the page images don't always render in the correct positions the first time using IE6. (So far I've only tried it with IE6.) Usually they appear in the right vertical position, but typicall way left of where they should be.

Doing a page refresh gets the page with the images in the correct positions.

Is this a known issue, and if so, is there a work around?

Best Regards, Lloyd.

tootricky · Post by **tootricky** » Sat Dec 10, 2005 11:14 am

lloyd_borrett wrote:G'day,

Now I'm experiencing a new issue.

Since adding Milonic DHTML Menu to the pages, the page images don't always render in the correct positions the first time using IE6. (So far I've only tried it with IE6.) Usually they appear in the right vertical position, but typicall way left of where they should be.

Doing a page refresh gets the page with the images in the correct positions.

Is this a known issue, and if so, is there a work around?

Best Regards, Lloyd.

Hi,

I've just checked your page in (IE6) and it loads fine; I don't see the issue you describe. Just for info:

IE5 - GREAT
IE5.5 - MENU DOESN"T LOAD BECAUSE OF SOME "Library" ERROR!!!!!
IE6 - GREAT
FIREFOX 1.0 -1.5 - GREAT
OPERA (Mac) - GREAT
FIREFOX (Mac) - GREAT
CAMINO (Mac) - GREAT
OPERA (Maa) - GREAT

The only issue is with IE5.5 as far as I can see.

lloyd_borrett · Post by **lloyd_borrett** » Sat Dec 10, 2005 11:24 am

During the 12 hours that have past I've resolved that issue, created some more issues, resolved those too, and still working through the process of creating and solving issues as I go.

Right now I'm only testing in IE 6 and FireFox 1.0.7, but I will try the others once I've got the foundations properly sorted.

Thanks for the info about IE 5.

Best Regards, Lloyd.