At 1/13/2007 05:10 AM, Tom Roper wrote:
The problem I've got a the minute is I've built a page for a client,
but now she would like shadow on either side of the page
<http://www.flickr.com/photos/tom_r07/355733167/>http://www.flickr.com/photos/tom_r07/355733167/
I don't see that this problem requires transparency at all. Just
create two tall skinny images that run down the sides of your main
container that contain your drop-shadow on a vertical slice of your
background pattern.
In order for this to work, your content block has to be in a fixed
relationship to the background pattern so that the vertical slices of
background with the drop-shadow will match up with the true
background. Because your content block is centered, you might think
at first that you wouldn't be able to predict where the content block
will intersect with the background pattern, but it turns out to be
quite easy: just center the repeating background image.
Aside, when does a shadow fall on both sides of an object? The
answer is when the light source is between the observer and the
object casting the shadow. (If the light source were off to one
side, the shadow would be on only one side; if the light source were
behind the observer the shadows wouldn't be visible to the
observer.) Shadows on both sides constitute a fairly unusual
circumstance in real life. If your client were happy with a more
realistic drop-shadow on one or two sides of the box, perhaps your
problem would be easier to implement. Or is the goal to create a
'glow' and not a shadow per se?
At 1/13/2007 06:40 AM, Mihael Zadravec wrote:
One option would be a use of png image for shadows... but as they
are not supported by all browsers (like IE6 of corse..) that would
not be the best solution.
I beg to differ: PNG images are supported by IE6. You just have to
use Microsoft's proprietary triggers (e.g. filter: in the
stylesheet). There are dozens of essays on this subject locatable
through Google; here are just a couple:
Microsoft:
http://msdn.microsoft.com/workshop/author/filter/reference/filters/alphaimageloader.asp
CSS-D wiki:
http://css-discuss.incutio.com/?page=AlphaBetaPngSupport
Ingo Chao:
http://www.satzansatz.de/cssd/tmp/alphatransparency.html
Regards,
Paul
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
