i have a main div which is centered in the page, and holds the page content.
I was wondering how to get that effect where its like theres a shadow or gradient on the left / right borders of the main div, so it stands out more from the background?
thanks.You'll need an image of a gradient to get this to work cross-browser. Microsoft has a proprietary method of this, but it will only work in IE.
<!-- m --><a class="postlink" href="http://www.1976design.com/blog/archive/2003/11/14/shadows/">http://www.1976design.com/blog/archive/ ... 4/shadows/</a><!-- m -->
check it out.
best wishes,
DavidGood link, David. I'll learn something from that.Originally posted by davidbrent
<!-- m --><a class="postlink" href="http://www.1976design.com/blog/archive/2003/11/14/shadows/">http://www.1976design.com/blog/archive/ ... 4/shadows/</a><!-- m -->
check it out.
best wishes,
David
looks like that could help me learn a thing or too as well
thx Originally posted by PhillMc
Good link, David. I'll learn something from that. Originally posted by pawky
looks like that could help me learn a thing or too as well thx
Originally posted by moondance
great, simple, well explained. Love the minimal mark-up approach. Thanks for the link.
No problem! Glad i could help!
Best Wishes,
DavidOriginally posted by davidbrent
<!-- m --><a class="postlink" href="http://www.1976design.com/blog/archive/2003/11/14/shadows/">http://www.1976design.com/blog/archive/ ... 4/shadows/</a><!-- m -->
check it out.
best wishes,
David
great, simple, well explained. Love the minimal mark-up approach. Thanks for the link.
loving that real-time image by the way.I thought that looked familiar. Here's a follow up on ALA.
<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/cssdropshadows/">http://www.alistapart.com/articles/cssdropshadows/</a><!-- m -->
I was wondering how to get that effect where its like theres a shadow or gradient on the left / right borders of the main div, so it stands out more from the background?
thanks.You'll need an image of a gradient to get this to work cross-browser. Microsoft has a proprietary method of this, but it will only work in IE.
<!-- m --><a class="postlink" href="http://www.1976design.com/blog/archive/2003/11/14/shadows/">http://www.1976design.com/blog/archive/ ... 4/shadows/</a><!-- m -->check it out.
best wishes,
DavidGood link, David. I'll learn something from that.
Originally posted by davidbrent <!-- m --><a class="postlink" href="http://www.1976design.com/blog/archive/2003/11/14/shadows/">http://www.1976design.com/blog/archive/ ... 4/shadows/</a><!-- m -->
check it out.
best wishes,
David
looks like that could help me learn a thing or too as well
thx Originally posted by PhillMc Good link, David. I'll learn something from that.
Originally posted by pawky looks like that could help me learn a thing or too as well
thx Originally posted by moondance
great, simple, well explained. Love the minimal mark-up approach. Thanks for the link.
No problem! Glad i could help!
Best Wishes,
DavidOriginally posted by davidbrent
<!-- m --><a class="postlink" href="http://www.1976design.com/blog/archive/2003/11/14/shadows/">http://www.1976design.com/blog/archive/ ... 4/shadows/</a><!-- m -->
check it out.
best wishes,
David
great, simple, well explained. Love the minimal mark-up approach. Thanks for the link.
loving that real-time image by the way.I thought that looked familiar. Here's a follow up on ALA.
<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/cssdropshadows/">http://www.alistapart.com/articles/cssdropshadows/</a><!-- m -->