The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › How would you guys structure a tile interface/navigation?
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!
I would probably use masonry.js. Seems perfect for this sort of thing.
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.
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