I want to create a tooltip popup for the Monster Rearing page, wherein if you hover over the Feed type in each Monster section (under Evolutions) you get a tooltip popup of the list of items that Feed consists.
I've used labelled sections to label up the Feed lists at the top of the page, then used this code to create the tooltip:
That seems to work fine, but when I add a second type in and separate them with BR, the second type is included in the first tooltip instead of a second mouseover appearing below, and I can't work out for the life of me why!!
Fixed. It was because the tooltip was a span instead of a div, so things like tables and lists wouldn't work properly inside it (spans are meant for inline content, not blocks). This could have been fixed without changing the template by wrapping the offending tooltip content in a div, but I realized that there was no reason for the template to use a span in the first place, so I just went ahead and changed the template. Keep an eye out for any side effects of that, though.