Erik: > On 9/30/2008 9:24 PM, Hedley Finger wrote: > >> > I would like to add a Gaussian blur drop-shadow to the right and bottom >> > edges of the <body> element floating in the middle of the browser >> > canvas. ... To avoid downloading a >> > large albeit compressed image, is there any way to add a small, >> > fast-downloading, repeating image to the right and left sides of an >> > element with more than one background image? >> > > Yes, but not specifically on the <body> element. ... You can see the fixed > (thanks to Georg) version on my work-in-progress site at > http://www.kungfu-silat.com/wp/ - obviously, you're welcome to steal any > CSS code you want to make your drop shadows work. I did it with five > DIV elements for the shadow, and a sixth with the content. As you can > see, the images used for my drop shadow are incredibly small (The > largest of the five is 7x16 pixels, and I made it that large only > because I recall that some browsers used to slow down quite a bit when > massively repeating images. Otherwise, it could've been 7x1). >
I am using the YAML HTML/CSS framework on which to build my site. Amongst the examples I found <http://www.yaml.de/fileadmin/examples/04_layouts_styling/3col_gfxborder.html> which implements shading on all four sizes and also deals with the corners. Re the 1px deep repeating graphic, I thought that this would save download time -- the usual delayer -- and allow the browser to quickly render the page. If I use a larger graphic and it is not an exact submultiple of the page depth, what happens then? Regards, Hedley -- Hedley Finger 28 Regent Street Camberwell VIC 3124 Australia Tel. +61 3 9809 1229 Fax. (call phone first) Mob. (cell) +61 412 461 558 Email. "Hedley Finger" <[EMAIL PROTECTED]> ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
