Thanks for the suggestions. I ended up solving it by taking the link out of the
unordered list in the nav bar and position it manually at the right side.
- Koen.
On Jul 23, 2011, at 9:17 AM, Chetan Crasta wrote:
> Try
>
> nav { position:relative; padding-right: 30px;}
> nav a.rightitem { postition: absolute; right: 0; }
>
> Make sure the padding-right on nav is sufficient.
>
> Regards,
> Chetan Crasta
>
> On Sat, Jul 23, 2011 at 6:29 PM, Koen van der Drift
> <[email protected]> wrote:
> Hi,
>
> I have a working nab bar and want to move the right most item all the way to
> the right. I tried the following:
>
> <nav>
> <ul>
> <li>…. [insert links here]
> <li><a href="../rightlink.html"
> class="rightitem">allright</a></li>
> </ul>
> </nav>
>
> nav ul
> {
> margin: 0; /* reset */
> padding: 0; /* reset */
> list-style-type: none; /* no bullets */
> overflow: hidden;
> }
>
> nav li
> {
> display: inline;
> float: left;
> }
>
>
> nav a.rightitem
> {
> float: right;
> }
>
>
>
> But that doesn't do what I am looking for.
>
> Any suggestions?
>
> Thanks,
>
> - Koen.
> ______________________________________________________________________
> css-discuss [[email protected]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/