Drawing small arrows with CSS borders

nec.shell8.net

Basic borders

Set height and right border to 0

Set width to 0, background, top-, bottom-, right- borders to transparent

Still buggy in IE6, as it fails to render transparent solid borders, but if we set the transparent borders to dotted, all goes well.
Also, change the element to A, insert some hidden text for SEO and accessibility, made clickable, and added :hover effect, and we're done!Next Page
tabs galore, no more sprite images for arrows

Tab 1
Tabbber tab 2
The Tabbbest tab 3


or use it as some progress notification widget

  1. collect underwear
  2. ??
  3. profit
  4. rejoice


or maybe tooltips

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.