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?

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #45891

    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.

    Two questions:

    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:

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.