eMenuTree: Cascade style sheet eMenuTree: Cascade style sheetThe class names used by eMenutree are "menuTreeBox", "mainFolderBox", "mainFolderLine", "subFolderBox", "subFolderLine", "linkBox", "linkLine". As the names suggest, every folder, subfolder and link line is in a line element (an anchor) and in a box element (usually a division). The exact code that eMenuTree writes is as follows:
| Command Main folders |
The classes in IE4-6 and NN6
<div class='mainFolderBox' ...> <a class='mainFolderLine'...>Folder name</a> <div id='c1d5' class='subFolderPage'...> |
| Subfolders |
<div class='subFolderBox' ...>
<a class='subFolderLine'>Folder name</a> <div class='subFolderPage'...> |
| Links | <div class='linkBox' ...>
<a class='linkLine'>Link name</a> </div> |
By default, a top level link is in a .mainFolderBox division and and a .linkLine anchor. The options tab contains an option to change this to a .mainFolderBox division and .mainFolderLine anchor.
If you are using drop down tree menus , the size of your margins, borders, and padding will affect the position of sub-menus. Also, the exact position will differ somewhat in different browsers. We suggest you follow the following rules:
1. Only use Margins, Borders, and Padding in box classes (mainFolderBox, ect.). Don't use them in line classes (mainFolderLine, etc.).
2. Only use Margins in the mainFolderBox class. Don't use them in subFolderBox or lineBox.
3. Use the exact same borders and padding in all three box classes: mainFolderBox, subFolderBox and lineBox.