Take a look at the beta version of my upcoming website (link redacted). When you hover over one of the colored squares, a popup box similar to Panic's Coda should appear. However, there are two issues:
a) The text inside the popup is not visible. It is supposed to display ":)" according to this code snippet:
http://grab.by/syM http://grab.by/syM
$('td.middle', this).text(':)');
td.middle refers to the middle cell's class
this points to $('.info').each()
You may need to use an inspector tool like Firebug for Firefox or the built-in tools in Safari or Google Chrome.
b) The edges seem to be cut off:
http://grab.by/syE http://grab.by/syE
This issue might be related to:
http://grab.by/syW http://grab.by/syW
It seems that the sides have a computed width of 1px, instead of
.bubbleInfo .popup td.corner {
position: inherit;
height: 15px;
width: 19px;
}
The specified width was 19px as defined in (link redacted)
You can download a ZIP archive containing all the files from here (link redacted).
Thank you very much. I understand it's quite a lot to troubleshoot.