CSS-Tricks is brought to you in part by Media Temple, the web hosting that we both use and recommend.
I am thinking about building a tile style navigation for a site, sort of Windows 8 style. However, I do not need live tiles (constantly updating). I’d like to build the whole thing in HTML and CSS.
1. As long as its logical, clean and there is a breadcrumb, is this useable for most people or does it depart too much from the standard nav?
2. How should I structure it? Absolute positioning would be the easiest but I feel a ul with span tags is probably the way to go.
Thanks in advance for the input!
This reply has been reported for inappropriate content.
I know I could do absolute positioning on each span, which I might do. But I meant that the other option would be a bunch of divs absolutely positioned.
I would probably use masonry.js. Seems perfect for this sort of thing.
I’m going to try both and see how each comes out. (or the how much of a pain they are)
I’d definitely prefer all html and css but I don’t need to reinvent the wheel either.
I could be wrong but I may have seen someone do something similar with the Windows 8 UI using CSS regions on CodePen. You could try searching for that, too.
The only thing that makes the nervous about regions is the support for it.
Ok, just created a codepen. Here’s what I’ve got so far. It’s a ul that is absolutely positioned.
Do you think this is the best method?
If all the heights are going to be the same (at least in each row), you can use the float method and eliminate all the absolute.
See here: http://codepen.io/anon/pen/lBGwJ
Wow. That’s way eaiser! Thanks @lschoen114!
You must be logged in to reply to this topic.
Search for Stuff
Browse the Archives
Get the Newsletter
... or get the RSS feed