Hi, I'd been looking for a code that can help me put a shadow on my page. I finally found something I decided to twik a bit...just like this:
<style type="text/css">
<!--
body {
background-image: url(images/bg_grd.gif);
background-repeat: no-repeat;
}
.centerContentShadow
{
background-image: url(images/bg-trns.png);
background-repeat:repeat-y;
width:800px;
margin-top: -20px;
z-index:-1;
}
#centerContent
{
background-image: url(images/bg-inner.gif);
width:770px;
margin-left:12px;
margin-right:12px;
border-left:1.2px solid #003366;
border-right:1.2px solid #003366;
}
-->
</style>
....and then the
<body><center><div class="centerContentShadow"><div id="centerContent">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div></div>
</center>
</body>
...Don't mind the '<p>' tags. Was just trying to pull down the div to appreciate the effect. It's working well in Opera and Firefox but not IE. Can anyone show me what I need to do? You can check out the page here http://havilahandhills.com/test
Thanks,
Havilah
ATTN: Deacon, if u r still here, longtime? I'd really I appreciate your input in this. Thanks