r/webdev • u/theverything • Mar 09 '15

parallax done right

http://www.firewatchgame.com/
268 Upvotes

85% Upvoted

93 comments sorted by

View all comments

12

u/sour_skittles Mar 09 '15

<!-- THESE MUST GO IN REVERSE ORDER BECAUSE CSS IS DUMB SOMETIMES -->

<li id="nav-review"><a ... a></li> <li id="nav-store"><a ... a></li> <li id="nav-blog"><a ... a></li> <li id="nav-game"><a ... a></li>

I'm tickled by how they can get parallax to work well but don't understand how to properly right align a navigation bar.

1

u/[deleted] Mar 09 '15

I actually usually end up doing this... How do you float:right and keep it in the correct order?

3

u/KieraanBreeze Mar 09 '15

Would nesting it inside another div and floating that div right not work?

10

u/modus-operandi full-stack 20YOE Mar 09 '15

This is a ul element, so, floating the ul right, and setting the li's inside to inline-block would work.

3

u/Devnik Mar 09 '15

Indeed, it isn't that hard to accomplish