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

Can I stop the menu from reading my CSS?


Poster: vikenk
Dated: Monday December 5 2005 - 15:13:30 GMT

Hello all,

One thing that I've noticed about the menu is that it picks up on CSS command very easily, especially those that are in the <body> styling. This happens not so much in IE, but in FF and Opera. I've noticed that the menu doesn't always appear the same in FF and IE. Once particular example is that menu items appear taller (or bigger) in FF and IE, especially those with images in them.

I started playing around with my CSS and found that I had a line-height statement in the body tag of my CSS. Here's my CSS.

body {
background: black;
color: white;
text-align: left;
font-family: arial, verdana, "times new roman", serif;
font-size: 95%;
margin: 0;
padding: 0 0 0 260px;
line-height: 110%;
}

This had a direct impact on the menu in FF and Opera, but not in IE. IN the body tag, the line-height and font-size statements had a direct impact on the menu in FF and Opera but not in IE. When I moved the line-height and font-size statements into the "P" tag in my CSS, the did *not* impact the Menu.

So far, I can tell that generic styling of tables has an impact on the Menu (you can read that in my previous posts), so do line-height and font-size statements in the <body> tag (probably because statements in the <body> tag are inherited).

Is there any way to prevent the menu from reading my CSS styling? That way I know that the Menu and Website can be styled independently.

Thanks in advance,

Viken K.


Poster: tootricky
Dated: Monday December 5 2005 - 15:27:27 GMT

no way to prevent the menu from reading the css file I think but you could change your body to a class:

.body {

attributes...

}

and then

<body class="body">

I think this should work.


Poster: vikenk
Dated: Monday December 5 2005 - 16:17:52 GMT

That's a good idea. I'll give it a try. Thanks!

Viken K.