Login

06-25-2010, 03:04 PM

[eluser]Unknown[/eluser]
Hi there,

I was recently faced with a similar problem, and ended up using something similar to what Chris Coyier taught here.

In my view:

Code:
&lt;body id="&lt;?php echo $this-&gt;uri->segment(2); ?&gt;">

    <nav id="mainNav">

        <ul>

            <li id="nav-myShelf">&lt;?php echo anchor('shelf/mine', 'My Shelf'); ?&gt;</li>

            <li id="nav-collection">&lt;?php echo anchor('shelf/collection', 'Library Collection'); ?&gt;</li>

            <li id="nav-addBook">&lt;?php echo anchor('shelf/addBook', 'Add book'); ?&gt;</li>

        </ul>

    </nav>

//...

In the CSS:

Code:
#mine #nav-myShelf a,

#collection #nav-collection a,

#addBook #nav-addBook a{

    background: #e3e3e3;

}

So what happens is: The body gets a dynamically generated id, and each menu item gets a unique id, too. With CSS, you then target the body id and the menu item id.

Hope this helps!

- Erik