Sorry if this isn't the right place to report this, I'm not sure if it's actually a blueprint issue or just a general incompatibility thing. This info probably will be useful to those trying to use both items together.
What steps will reproduce the problem? 1. Create a blank (X)HTML document and "install" both Blueprint CSS and Lightbox JS 2 in the standard manner. 2. Create an image link for testing purposes.
What is the expected output? What do you see instead? On clicking the image link, the image is displayed correctly with the lightbox magic. But the Close button does not work on either Firefox or Safari (fine on IE7).
To fix this issue: Line #60 in typography.css appears to cause this: img { margin: 0 0 1.5em; } By removing it, or negating it's effect with additional rule elsewhere, the problem is resolved.
Comment #1
Posted on Jan 21, 2008 by Happy GiraffeLightbox 2 can be downloaded from http://www.huddletogether.com/projects/lightbox2/
Comment #2
Posted on Feb 5, 2008 by Happy HorseDone. I've removed the line entirely - we should use
s for such vertical spacing.
Status: Fixed
Labels:
Type-Defect
Priority-Medium