An earlier post detailed how we can build a 100% CSS-based tab layout. While pretty cool and somewhat usable it had some flaws.
- Jumps back to the first tab when the mouse pointer leaves the area.
- Depends on exact positioning of the content in relation to the tabs.
- Not touch friendly.
- Not keyboard friendly.
It's christmas so what's a better thing to do for a CSS coder than to create a christmas tree?
Our christmas tree consists of a tree trunk, three sections of branches with it's own decorative band and a star at the top. I think that can be represented quite well with this html code: