Incompatibility with Lightbox 2

GoogleCodeExporter commented 8 years ago

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.

Original issue reported on code.google.com by pete.har...@gmail.com on 21 Jan 2008 at 12:14

GoogleCodeExporter commented 8 years ago

Lightbox 2 can be downloaded from 
http://www.huddletogether.com/projects/lightbox2/

Original comment by pete.har...@gmail.com on 21 Jan 2008 at 12:15

GoogleCodeExporter commented 8 years ago

Done. I've removed the line entirely - we should use <p>s for such vertical 
spacing.

Original comment by ola...@gmail.com on 5 Feb 2008 at 9:42

Changed state: Fixed

kirubaharan12345 / blueprintcss

Incompatibility with Lightbox 2 #70