Return to Snippet

Revision: 3749
at September 11, 2007 08:10 by valcartei


Initial Code
#home  #menu  .home a,
#about #menu  .about a,
#services #menu  .services a,
#products #menu  .products a{ color:#000000; text-decoration:underline;}

html example code for page "about":
<body id="about">
...
<ul id="menu">
<li class="about"><a href="../about/index.html">About</a></li>
<li class="services"><a href="../services/index.html">Services</a></li>
<li class="projects"><a href="../projects/index.html">Projects</a></li>
</ul>

Initial URL


Initial Description
give a class name to each link according to the page it redirects to.
give attribute id to the body of the template and make the attribute editable (Dreamweaver lets you do that: select the attrib, Modify>Templates>Make attribute editable and tick the checkbox.
For each page change id value to be the same as the class of the link referring to the page.
(to do that, go to Modify>Template properties)

Initial Title
highlight selected item in menu CSS only

Initial Tags
layout

Initial Language
CSS