Dan Craciun wrote:
> I'm using Gallery 2.2 and the old slider theme. I'm trying to modify it
> so it shows a shadow with the main img. (10 px shadow on the right and
> bottom, gif created in photoshop).
> For 3 hours now I can't convince the shadow div ("umbra") to collapse
> *and* keep it's alignment centered (both vertical and horizontal).
>
> Here's the link:
> http://nuntidigitale.ro/galerie/v/foto/1/
> and the css:
> http://nuntidigitale.ro/galerie/themes/slider/theme.css
>
collapse means shrink-to-fit, and shrink-to-fit is a widthless behavior
that can be shown by float, table-cell, inline-block, and
position:absolute.
float cannot be centred by margin:0 auto;
position:absolute would require knowing the width of the image (I may be
wrong here); it would be impractical to use.
Since display:table is not supported in IE, you would need to simulate
inline-block in IE by display:inline plus zoom:1
Since inline-block is for some reasons not supported in Firefox 2, you
should use a display:table for .umbra and table-cell for its child.
Alternatively, you could try to serve -moz-inline-box first, overridden
by inline-block.
Or apply the width of the image to .umbra
What is Gallery 2.2?
What is the old slider theme?
Anyway.
Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
