|
|
Posted by Terry Liittschwager on 11/12/06 04:08
For the past several years, my wife and some other ladies have had a little
charity that provides comfort quilts to "at risk" children. Increasingly
she has been getting asked if they had a website, so I decided to set one
up for her. The website, comfortsforchildren.org is very amateurish thus
far since I have no expertise in this area, but I'm learning - slowly,
though, 67 year-old retired brains don't learn fast.
Anyway, my current very basic question concerns the navigation bar on the
upper left of each page. It's the same for each page, works fine, and is
currently implemented with the following lines in each page:
<div class="navbar">
<p><a href="index.html">Home</a></p>
<p><a href="policies.html">Policies</a></p>
<p><a href="agencies.html">Agencies<br />Served</a></p>
<p><a href="statistics.html">Statistics</a></p>
<p><a href="construct.html">Quilt<br>Construction</a></p>
<p><a href="testimonials.html">Testimonials</a></p>
<p><a href="history.html">History</a></p>
</div>
The problem is that whenever I want to add another line, I have to edit
every page. I'm sure there must be some way to have those lines in a
separate file, referenced by one line unchanging line in each page, so that
when I change the navbar, I only have to do it in the one place. For the
life of me, though, I haven't found out how to do that.
I've tried using <link href="navbar.html" /> with navbar.html a file with
those lines, but all that happens is that the navbar disappears.
I've also tried @import, but it appears that only works within a style
definition.
So, could someone point me in the right direction?
Any and all suggestions will be most welcome.
Terry L
Navigation:
[Reply to this message]
|