Wondering if any of you could help me? I have a menu that looks like this: And here is the code: I now want the menu to appear like this (with some items on the right): But because the menu is all under the same entity (#flitering-nav) which has float:left assigned to the list, I can't for the life work out how to redo it so I can get two to float:right!
Maybe i am missing something, but what stops you from putting float:right to some of LI's ? http://jsfiddle.net/ZurYD/
Dude you are amazing. It shows how incompetent I am. I have been fiddling around with this for ages and thought I'd even tried that and I just couldn't get it to work no matter what I did. Much rep, I really appreciate it. And JSFiddle site is awesome btw! I hate CSS sometimes.
either float:right or you could go #filtering-nav li a.email { //stuff } that should work as well, due to specificity. or you could use href attribute selectors. Bunch of options. Though float:right might be the best option. Just remember to add a "clearfix" beneath, which is probably what the "clear" div is there for.
Thanks guys, all sorted. I did actually attempt what faug/you suggested by obviously didn't implement it correctly. I rarely do CSS so I seem to forget everything I have learnt and spend a lot of time scratching my head. So frustrating!
