I am trying to add a shadow to my white wrapper, but have been unsuccessful, and it's not even showing up on the page.

I'm doing it in a rather unconventional way, (I want the shadow to be its own div/image, aside from the background or wrapper) because I want the shadow to fit inside the wrapper, but not extend past it.

Here is the site.

Here is the code:
Quote:

#shadow {
background-image:url (http://www.ivancash.com/images/shadow_thang.gif);
background-repeat: repeat-y;
background-position: 50%;
text-align:center;
width:810 px;
position: relative;
margin: 0 auto;
min-width:810px;
min-height:100%;
z-index:1;
}

Lastly, I am not able to get rid of the hyperlink decoration for "ivan cash," despite having code that's supposed to do the trick:
Quote:

#intro {
font-family:Century Gothic, Geneva, Arial, Helvetica, sans-serif;
font-size:36px;
text-align:center;
text-decoration:none;
width:600px;
}

#intro a:link, #intro a:visited, #intro a:active, #intro a:hover {
text-decoration: none;
color: #464646;
}

If you can help me, I will love you long time.
__________________

Take out the blank space after 'url' here:

background-image:url (http://www.ivancash.com/images/shadow_thang.gif);

That might solve the problem. There are some other errors when you validate your css too.

I hope that works!

Originally Posted by gringo

Take out the blank space after 'url' here:

background-image:url (http://www.ivancash.com/images/shadow_thang.gif);

That might solve the problem. There are some other errors when you validate your css too.

I hope that works!

Hey gringo, that did work!

Thanks!

Now I have a problem getting the shadow to be truely transparent, as oppose to having white: http://www.ivancash.com

IE 6 does NOT support PNG transparency on it's own, you need some scripting to force it - do a search for "PNG Fix". However, IE still will not support PNG transparency on a REPEATING png image, so the scripting won't help in your case. Better to go back to a GIF for that.

Originally Posted by LadynRed

IE 6 does NOT support PNG transparency on it's own, you need some scripting to force it - do a search for "PNG Fix". However, IE still will not support PNG transparency on a REPEATING png image, so the scripting won't help in your case. Better to go back to a GIF for that.

I'm not using a PNG transperency... but my GIF isn't working...

Are you sure it's transparent ? Did you save it with transparency and a matte color to match the gray bg ?

Are you sure? Use netrenderer to check in IE6 again - I can't actually see a problem! (if you check and the problem is blatantly obvious, you will have realised what some of the other people have on here - sometimes, I can act like a retard....)

P.S. I've written an article about PNG transparency on my blog (link in the signature) It worked for me great and I recommend it over using HTC files or Javascript or anything else.

Originally Posted by LadynRed

Are you sure it's transparent ? Did you save it with transparency and a matte color to match the gray bg ?

yea, I just tried adding a matte color. The problem is that my background is striped... is there any other solution?

Not really, at the worst you might wind up with a tiny bit of plain gray surrounding your white page area.