• We’re currently investigating an issue related to the forum theme and styling that is impacting page layout and visual formatting. The problem has been identified, and we are actively working on a resolution. There is no impact to user data or functionality, this is strictly a front-end display issue. We’ll post an update once the fix has been deployed. Thanks for your patience while we get this sorted.

Shadowed text on transparent BG

Ok, first of all, here's the link to the layout of my site: site
At the top of the page is a bluish-greenish titlebar. That bar has a background image that is not repeated and has some slanted text...
On top of that background, is the title image that says, "CODE_the_World();" with a shadow effect.
My question is this: How do I get the white part to disappear from the shadow. The title image is saved as a .gif file and I used photoshop cs to create it...
 
Not gonna happen. You might be able to do it using CSS, but the best thing to do would be to put the repeating background behind the text in the image, and adjust the cellpadding to 0 so it will overlap perfectly.

edit: looking at the background, the image doesn't repeat more than once. Why not just make it one image?
 
progressive transparency is not supported by .GIF, it is supported by .PNG - but IE will not show progressive transparency at all. It really isnt a good Idea to do what you are trying, I'd suggest using what you want as the background for the wording, instead of transparent.
 
You also might want to take a minute to figure out why your site looks like ass in Mozilla, www.w3c.org has validators for both HTML and CSS to get you started.
 
Back
Top