Menu
I’ve put alot of mey CSS code in external files
I have table code which contains will contain my navigation links (a sample see below)
I have quite a lot a code embedded in each page.
Can I somehow do the same as external CSS files?
Can I put this lengthy html code in an external file.
How would I link it into the collapsiblepanel div class?
<div id=”mainContent”>
<div id=”CollapsiblePanel1″ class=”CollapsiblePanel”>
<div class=”CollapsiblePanelTab” tabindex=”0″>Menu</div>
<div class=”CollapsiblePanelContent”><table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td width=”50%”><ul id=”MenuBar1″ class=”MenuBarHorizontal”>
<li><a href=”#” class=”MenuBarItemSubmenu”>EP101</a>
<ul>
<li><a href=”#”>FE00</a> </li>
<li><a href=”#”>FE01</a> </li>
<li><a href=”#”>FE02</a> </li>
<li><a href=”#”>FE03</a> </li>
<li><a href=”#”>FE04</a> </li>
<li><a href=”#”>FE05</a> </li>
<li><a href=”#”>FE06</a> </li>
<li><a href=”#”>FE07</a> </li>
<li><a href=”#”>FE08</a> </li>
<li><a href=”#”>FE09</a> </li>
<li><a href=”#”>FE10</a> </li>
<li><a href=”#”>FE11</a> </li>
<li><a href=”#”>FE12</a> </li>
<li><a href=”#”>FE13</a> </li>
<li><a href=”#”>FE14</a> </li>
<li><a href=”#”>FE15</a> </li>
<li><a href=”#”>FE16</a> </li>
<li><a href=”#”>FE17</a> </li>
<li><a href=”#”>FE18</a> </li>
<li><a href=”#”>FE19</a> </li>
<li><a href=”#”>FE20</a> </li>
</ul>
</li>
<li><a href=”#” class=”MenuBarItemSubmenu”>EP102</a>
<ul>
<li><a href=”#”>SC01</a> </li>
<li><a href=”#”>SC02</a> </li>
<li><a href=”#”>SC03</a> </li>
<li><a href=”#”>SC04</a> </li>
<li><a href=”#”>SC05</a> </li>
<li><a href=”#”>SC06</a> </li>
<li><a href=”#”>SC07</a> </li>
<li><a href=”#”>SC08</a> </li>
<li><a href=”#”>SC09</a> </li>
<li><a href=”#”>SC10</a> </li>
<li><a href=”#”>SC11</a> </li>
<li><a href=”#”>SC12</a> </li>
<li><a href=”#”>SC13</a> </li>
<li><a href=”#”>SC14</a> </li>
<li><a href=”#”>SC15</a> </li>
<li><a href=”#”>SC16</a> </li>
<li><a href=”#”>SC17</a> </li>
</ul>
</li>
etc