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

Menu and CSS conflict...


Poster: lw __at__ monsoft.com
Dated: Thursday June 24 2004 - 18:00:46 BST

Hello,

Beginning to make sites with xhtml, it seems to be a conflict between Milonic Menu (Version 5.26) and my css style.
With type selectors for table like this :
table {
margin-left: auto;
margin-right: auto;
text-align: left;
border: 1px #808080 solid;
background-color: #ffffff;
}
th {
font-size: 20px;
font-weight: bold;
color: #ffffff;
text-align: center;
}
tr {
padding-left: 5px;
padding-right: 5px;
font-size: 10px;
}
td {
padding-left: 5px;
padding-right: 5px;
font-size: 10px;
}
All the properties apply also to my Milonic menu. I don't like to have this padding nor this border in this menu...
Is there a way to avoid that ? I need these styles for my web pages and I need my menu without them.

Thanks for your help !

Laurent Wallard


Poster: Ruth
Dated: Friday June 25 2004 - 5:39:17 BST

I'm not sure if there are other ways, but in those sections of your css which apply the padding and borders to the tables, if you make them into classes then they won't affect the menu. I know that probably is not the best solution, but it's the only one that occurs to me at the moment. Alternatively, you might define a class as to padding and border for the menu in your style sheet, then add on/off class in the menu. i.e.
Code:
.menuclass {border: 1px solid #000000;padding-top:2px;padding-right:2px;padding-bottom:2px;padding-left:2px;}  Then in the menu style code you would put all your coding but the border and padding and also include offclass="menuclass"; onclass="menuclass"

Ruth


Poster: lw __at__ monsoft.com
Dated: Wednesday June 30 2004 - 11:57:32 BST

Hello Ruth,
Thanks for your answer, that's the good way.
I've put all my page in <div id="content"> and my table defs like that

#content table {...here my defs...
}