How to add and subtract navigation, which includes an unordered list, in a page that uses a CSS stylesheet
These instructions refer to a CSS stylesheet offered in Dreamweaver 8, but not later versions that has a nice javascript navigation on the left.
An example can be found at http://pittsboronc.net.
Creating new categories, and new items for an unordered list, can be accomplished as follows:
First, look at the code for a category with bullet list that follows:
<div id="sectionLinks">
<p><a href="index.html">Home</a><a href="energy.html">Energy</a>
<ul><li><a href="index.html">Solar Cell Industry</a></li>
<li><a href="index.html">Solar Cell Companies</a></li>
<li><a href="index.html">Wind Turbine Industry</a></li>
<li><a href="index.html">Wind Turbine Companies</a></li>
<li><a href="index.html">Other Energy Companies</a></li>
</ul>
</div>
Note that the everything is within the tag "section links."
The main category is "Energy" and is represented by the code:
<p><a href="index.html">Home</a><a href="energy.html">Energy</a>
Creating new categories is easiest by copying a pasting this code
where a new category should go and then changing the text and anchor
tag to suit.
The same is true with the unordered list. Copy and paste this tag:
<ul><li><a href="index.html">Solar Cell Industry</a></li>
<li><a href="index.html">Solar Cell Companies</a></li>
<li><a href="index.html">Wind Turbine Industry</a></li>
<li><a href="index.html">Wind Turbine Companies</a></li>
<li><a href="index.html">Other Energy Companies</a></li>
</ul>
..under the main category code as noted above. Items in the
unordered list can be added, subtracted or altered to suit.
Our Portfolio
