<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">
<br><div><div>On 29 Jun 2007, at 08:09, Xamataca wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 'Lucida Grande'; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0; ">I think, if I'm understanding it well, that you can do that with css.<br><br>Example:<span class="Apple-converted-space"> </span><a href="http://www.456bereastreet.com/archive/200501/turning_a_list_into_a_navigation_bar/">http://www.456bereastreet.com/archive/200501/turning_a_list_into_a_navigation_bar/<span class="Apple-converted-space"> </span></a><br><br>The quid is at step 10. This is done with diferent "id" for each <body> tag (you probably will have to code some php to change it dinamically...).<br>This example uses list but you can use it with whatever element.<span class="Apple-converted-space"> </span><br><br>Greets (first post... back to lurk)<br>Heitor Real</span></blockquote></div><div><br class="webkit-block-placeholder"></div>Hi Heitor,<div><br><div>This would work for the primary nav in Drupal 5, but other menus that output .leaf couldn't be selected without altering the html using php.</div><div><br></div><div>Primary Nav:</div><div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><font face="Helvetica" size="3" style="font: 12.0px Helvetica"><li class="menu-1-2-2"><a href="/example" class="menu-1-2-2">example</a></li></font></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><font class="Apple-style-span" face="Helvetica"><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><font face="Helvetica" size="3" style="font: 12.0px Helvetica"><li class="menu-1-3-2"><a href="/example2" class="menu-1-3-2">example2</a></li></font></div> </font></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><font class="Apple-style-span" face="Helvetica"><br class="webkit-block-placeholder"></font></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><font class="Apple-style-span" face="Helvetica">Other:</font></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><font class="Apple-style-span" face="Helvetica"><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><font face="Helvetica" size="3" style="font: 12.0px Helvetica"><li class="leaf"><a href="/" class="active">example</a></li></font></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><font face="Helvetica" size="3" style="font: 12.0px Helvetica"><li class="leaf"><a href="/">example</a></li></font></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><br class="webkit-block-placeholder"></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">A unique class or ID is needed.</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><br class="webkit-block-placeholder"></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">The technique you refer to is useful, and I've used it before. It can be used to permanently highlight which section you are within on a site (on the primary nav), and combining this with styling the active .leaf (or child a) will allow you to highlight the subnavigation, also.</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><br></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">Mark</div> </div> </font></div> </div></div></body></html>