Forum Moderators: not2easy

Message Too Old, No Replies

Rounded corner/Drop-shadow with .PNG, How to?

.png drop-shadow and rounded corners for main content div - HOW TO?

         

mhulse

6:47 am on Jan 2, 2005 (gmt 0)

10+ Year Member



Hello,

Quick Q:

How would I go about (or, what is best way) of getting a .png drop-shadow/rounded corners around the main container div - (I wish I could post example sites :( ... )

I am aware of the tutorials found on ALA site... but those tuts do not use .png's to achieve the drop-shadow/rounded-corner effect.

Can someone point me to a nice tutorial?

On the sites I have found (mostly nice CSS blog sites) I have tried viewing the source but I quickly found it a bit confusing, and I would prefer a simplified version of the code for learning purposes.

Anyone feel like sharing techniques? :) Pleeeeeeeeessssse. :D

Thanks in advance!
Cheers
M

Tutorialized

10:16 pm on Jan 12, 2005 (gmt 0)



Give the drop shadow images an absolute position around the main container div.

Hint: If you have a div with a relative position, and inside that div have another div or span with an absolute position, that nested div/span will always be absolute RELATIVE to the div it's inside. Meaning, it may be absolute, but it moves wherever the div it's inside gets moved to.