Sent by Hedley Finger on 1 October 2008 23:11
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-REMOVED]>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
