Sent by Rich Points on 29 July 2004 15:03
Matt,
I use this technique here at http://PhilBrittin.com I'm using a php SSI to
handle the navigation. The nav code looks like this
<div id="nav">
<ul>
<li<?php if ($thisPage=="home")
echo " id=\"currentpage\""; ?>><a
href="http://philbrittin.com/home.php">HOME</a></li>
<li<?php if ($thisPage=="resume")
echo " id=\"currentpage\""; ?>><a
href="http://philbrittin.com/resume.php">PHIL BRITTIN </a></li>
<li<?php if ($thisPage=="new")
echo " id=\"currentpage\""; ?>><a
href="http://philbrittin.com/new.php">NEW WORK</a></li>
<li<?php if ($thisPage=="gallery")
echo " id=\"currentpage\""; ?>><a
href="http://philbrittin.com/gallery.php">GALLERY</a></li>
<li<?php if ($thisPage=="links")
echo " id=\"currentpage\""; ?>><a
href="http://philbrittin.com/links.php">LINKS</a></li>
<li<?php if ($thisPage=="contact")
echo " id=\"currentpage\""; ?>><a
href="http://philbrittin.com/contact.php">CONTACT</a></li>
</ul>
</div>
in the header of each page I put a php tag with a descriptor in it that
looks like this
<?php $thisPage="home"; ?>
I learned how to do this technique by reading this article
http://www.alistapart.com/articles/keepingcurrent/
Good luck
--
Rich Points
http://RichPoints.com
> Hello. I'm learning css and I wanted to know how you folks handle creating
a
> current "state" of a button/link in a navigational system. I've seen it
done
> this way:
>
> <div id="navcontainer">
> <ul id="navlist">
> <li id="active"><a href="#" id="current">Item one</a></li>
> <li><a href="#">Item two</a></li>
> <li><a href="#">Item three</a></li>
> <li><a href="#">Item four</a></li>
> <li><a href="#">Item five</a></li>
> </ul>
> </div>
>
> However, what If I want to use server side includes to make my navigation
> cosistent throughout the site? Would I have to serve a different
navigation
> file for all pages that use item one, item two, or item three.
>
> Or is there a clever way Css can handle it. My site will have at least 30
> pages and I was hoping I could handle this with one css file.
>
> ______________________________________________________________________
> css-discuss [EMAIL-REMOVED]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
