Menu and CSS conflict...

[lw@monsoft.com]

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

[Ruth]

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: Select all

.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

[lw@monsoft.com]

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...
}