CSS-d,

If one looks up how to put images in the corners of a DIV on Google, one 
gets a lot of articles about creating rounded corners. These generally 
fall into two types, one using images, and other Javascript based 
methods without images.

What I want to do is place images into the corners of my DIV, so I 
thought I could use the same techniques that get used for rounded 
corners with images.

However, I can't help but wonder if the rounded corner images are 
slightly overkill for my intentions. My goal is to place little angular 
bracket images, each of which is 25x25 pixels square, and there is no 
need for any connectivity along the edges of the DIV to go between the 
corners.

The "List Apart" approach to rounded corners, found here:

http://alistapart.com/articles/customcorners/

... uses rather large images, constructed to allow for the corners to be 
used fluidly, because of the background behind the DIV, and the nice 
drop shadow that goes all along the edge:

http://alistapart.com/d/customcorners/step1.1.html

Since I don't need drop shadows or anything along the edges, is there a 
way I can just stuff for images into the four corners of a DIV?

I have a feeling this kind of information is out there, but it's hard to 
find because of the overwhelming popularity of solutions to rounded corners.

Is there a simple tutorial for corner images that would be more suited 
to my purpose?

Thank you for any advice.

--
Dave M G
Ubuntu 6.10 Edgy Eft
Kernel 2.6.17.7
Pentium D Dual Core Processor
PHP 5, MySQL 5, Apache 2
______________________________________________________________________
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/

Reply via email to