External Style Sheet?

Hi Everyone

Haven’t posted anything since last year so let me wish a happy new year to all.

My question has to do with external style sheets (or it may be an external javascript – not sure).

On each page of the website I have some menus and some of their elements I have been able to use a style sheet for. But on each page I have to put the following as instructed by the menu designers:

<div id=”menu” class=”menu”>
<a href=”http://website.com/contents.html” class=”menuitem”>Contents</a>
<div class=”seperator”></div>
<a href=”http://website.com/article1.html” class=”menuitem”>Article 1</a>
<a href=”http://website.com/article2.html” class=”menuitem”>Article2</a>

As you can see, every time that a new article appears, 3,4 5, etc., I have to go to each of the pages and add it on. So, basically I’m wondering if there is a way to make a .css or .js external so all I have to do is change that one sheet.

For example, I have used some of the menus and tips from ‘Dynamic Drive’ which has a lot of useful ideas. They show how to make an external sheet for one part of the menu but then they instruct you to put the other part in the ‘body’ of the page. If I could make an external for that part too it would make changes to the menu a one-sheet activity and of course, easier.

I hope I have described this correctly.

Thank You

DanV

Also in #CSS _↴