CODEWITHSUNDEEP
htmlcss
dwelle
dwelle

Reputation: 7284

render HTML elements in reverse order

I have a navigation that's supposed to imitate the look of classical notebook with bookmarks. The problem is that HTML renders it in a way the last element (bookmark) renders on top of the second-to-last and so on so it looks unnatural. Any way around this (except asigning each bookmark its z-index)? Thank you

<div class="nav_button">Wall</div>
<div class="nav_button">Guidelines</div>
<div class="nav_button">Ref</div>

http://img856.imageshack.us/img856/2121/notebookbookmarks.jpg (Undesired effect)

Upvotes: 1

Views: 1094

Answers (2)

dwelle
dwelle

Reputation: 7284

So far no other way then to use the good ol' z-indexing

Upvotes: 1

pleunv
pleunv

Reputation: 388

Or use an image like this one and position it at the bottom of the element:

http://i.minus.com/ibivyqVAVLqnQt.jpg

then use an alternative image for first & last child.

Upvotes: 0

Related Questions