padding around the separatorbar

pintronic · Post by **pintronic** » Fri Sep 05, 2003 4:30 pm

Hello,

my problem is, that there seems to be a conflict beetween the menu_data.js (i use the original sample nr.2-vertical menu) and my css-file for the htm-file.
When i deactivate my css-file (at the <head>-section) anything is ok, but when I use it, i get a padding around the separatorbar.
I created a separate css-file for the menu with a class named ".mainmenu" with entries "padding" and "margin" :0px. But it doesn't have any effect. Other entries (eg. fontsize) work fine, so I know that the onclass-parameter in the "style"-section work.

I'm sorry, but I can't send a link yet.

I hope I could explain the problem, so that you understand it.

thx in advance

-dp-

Hergio · Post by **Hergio** » Fri Sep 05, 2003 6:21 pm

Sounds like you have something in your CSS thats affecting it, obvously. What it may be is you have a style set up for all td tags, or all span tags or something like that. The menu is make up of layers, divs, tables, spans, and a couple other HTML tags. If you have a style sheet that say, increases the padding on all td tags, its going to affect the menu. That may be your problem. Its generally not a good idea to do that since its so global. What I do is create css class styles (.mystyle{} ) and then when I want a td, say, to use that style, i just say <td class="mystyle">. This way i only affect the tds I want, not all of them.

pintronic · Post by **pintronic** » Wed Sep 10, 2003 8:56 am

thanks for reply, had no internet-access the few last days.

It works now, but i had much to do to figure out. There was a problem with the "global" <td> and <table> settings in my main-css-file. Allthough i had separate <td> and <table> entries for the menu in a class named .mainmenu in a separate css-file named milonic.css, it had no effect.
I had to comment out the section in my main-css to get the menu working fine, but then the look of the html-pages was not ok.
The solution was to edit the <td> and <table> tags into each "class" of my main-css-file.
Another effect is, that i don't need a separate css-file (or class) for my menu anymore.

thx again
-dp-

Hergio · Post by **Hergio** » Wed Sep 10, 2003 10:07 pm

See now you're doin it right...the way its supposed to be. You got all your styles in one spot for easy maintenance and you are controlling only the tds and tables you choose for a high degree of granularity. Nice work.