http://www.jacobtomlinson.co.uk/2012/09/11/ajax-database-tooltip/ I followed that tutorial successfully but the pop up box is ugly and does not go away after clicked. I'd like to stylize the qTip box a little bit. I'm trying to get the pop up box that looks like "AJAX'd HTML" on this page: http://qtip2.com/demos I am using the code in the original link, can anyone instruct me how to make it look like the AJAX'd HTML pop up in the second link's demo page?
Just use a pure css tooltip: http://jsfiddle.net/greypants/zgCb7/ or http://jsfiddle.net/i_like_robots/qrXyE/
While I like pure-css tooltips, they're not always the right solution. First, you need to know the size of the item needing the tooltip (and, to some extent, the position) - if you change all the px-values to dynamic ones, you'll start experiencing issues as soon as something on the page changes - issues which you won't have with javascript positioning. I'd say use CSS as a starting point/fallback, but use js for proper positioning in responsive designs.