Re: [css-d] nav bar: how to move one item all the way to the right?

2011-07-25 Thread Koen van der Drift
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 
>  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:
> 
> 
>
>….  [insert links here]
> class="rightitem">allright
>
> 
> 
> 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 [css-d@lists.css-discuss.org]
> 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 [css-d@lists.css-discuss.org]
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/


Re: [css-d] nav bar: how to move one item all the way to the right?

2011-07-23 Thread Chetan Crasta
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 <
koenvanderdr...@gmail.com> 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:
>
> 
>
>….  [insert links here]
> class="rightitem">allright
>
> 
>
> 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 [css-d@lists.css-discuss.org]
> 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 [css-d@lists.css-discuss.org]
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/