3 ms·
These tabs are awkward in my browser. The way they overlap gives a physical sense that the tab over there was the one I was just in because it's sitting above t
by drivebyacct2 15y ago
These tabs are awkward in my browser. The way they overlap gives a physical sense that the tab over there was the one I was just in because it's sitting above the tab next to it.
... except it doesn't appear to be intentional, or in line with what I just visited. On the example page, click the last, then second, then third to last tabs. Even though you're in the second tab and were just on the third, the last tab appears to be resting on top.
It looks awkward to me. Sorry, that was a lot of criticism for a well written iterative CSS guide which I appreciate!
- talmand 15y agoI see what you're saying but it isn't that big a deal to me. The way to avoid that though is not to overlap the tabs. The author should have provided a second row without overlap as an additional example.
- reissbaker 15y agoI was thrown off too -- until I realized that Chrome does tabs that way, and it's not confusing there at all. It's just that the post author overlapped them in the opposite direction that tabs typically are laid out: the rightmost tab in the CSS version is the highest, instead of the leftmost one like in Chrome / Sublime Text / other noticeably overlapping tabbed applications.
- drivebyacct2 15y agoChrome's always overlap in one direction though, it's at least consistent.