Okay, I know how to do the rest but how to I create the little triangle below:
I had to whip this up in photoshop, and I haven't been able to find any reliable guides. Any ideas would be appreciated.
I have to agree with all the comments above, a simple Google search will provide a solution. I just did a search and look what I found:
http://forrst.com/posts/Pure_css_tooltip_box_with_arrow_T_R_B_L-7kR
http://forrst.com/posts/Simple_pure_CSS_tooltip_with_arrow-BkY
http://cssdeck.com/item/13/pure-css-tooltip-with-arrow
We all want to help but sometimes it feels like we're being asked to do everything. As developers we love to solve problems but with something like this I feel you do have to help yourself (sorry if I come across bitchy)