Background shadows

[Bellminator]

Lately I've been trying to get background shadows to work with/in my webpage. I can get them to appear on the left side of the page, but not the right.
What I'm doing is taking two images, both with transparent backgrounds and a fading color. I set a position for those images in CSS, and then I create a <div class="left/rightshadow"> in the webpage.

As I said earlier, the left shadow appears, but the right image doesn't even load. And yes, I've checked to make sure I used the correct directory/image name, and that the image existed.
Rather than actually trying to fix it (Trust me, I've tried everything), I would like to know if there are any other ways of doing this. Such as using some sort of flash or java code.
If not I'll give you a more detailed description of my problem later on.

[turb_]

No you haven't tried everything. Don't resort to flash or java.

Post your code

[Sumtoxx]

[QUOTE=turb_;21417511]Post your code[/QUOTE]

This. You could probably just use css3, and i'm positive theres a much much easier way to do what you're wanting here lol. Post that code.

[Bellminator]

Here it is inside the css file:

 
.shadowleft
{
	width:50px;
	position:relative;
	left:50%;
	margin-left:-450px;
	
	background-image: url(../images/shadow_left.png);
}
.shadowright
{
	width:50px;
	position: relative;
	left:50%;
	margin-left:450px;
	
	background-image: url(../images/shadow_right.png);
}

and here it is within the PHP/HTML file:

<div class="shadowleft">
<div class="shadowright">
<div class="pagecontainer">

The pagecontainer class is basically what it says. Just sets a border for the white background.

Oh and trying to put the divs in any other order usually fucks up the page. I have no clue why.

[Cluckyx]

I'm pretty sure there are better ways to do this, but considering this is the way you go about it, I may be wrong but you might want to add [b]display:block;[/b] to the selectors.

[Bellminator]

[QUOTE=Cluckyx;21425547]I'm pretty sure there are better ways to do this, but considering this is the way you go about it, I may be wrong but you might want to add [b]display:block;[/b] to the selectors.[/QUOTE]

Just tried that. Didn't really help it in any way..

:sigh:

[Crhem van der B]

.galerija ul a:hover img{border:0px;
						box-shadow: 0 0 10px rgba(255,255,255);
						-webkit-box-shadow: 0 0 10px rgb(255,255,255);
						-moz-box-shadow: 0 0 1em rgb(255,255,255);}

This is what I use for shadows around objects, it's CSS3.
It's applied 3 times since every browser "understands" different command.
First one is for Opera (and how CSS3 should look), second one is Google Chrome and third one is Firefox.

[Bellminator]

[QUOTE=Crhem van der B;21425677]

.galerija ul a:hover img{border:0px;
						box-shadow: 0 0 10px rgba(255,255,255);
						-webkit-box-shadow: 0 0 10px rgb(255,255,255);
						-moz-box-shadow: 0 0 1em rgb(255,255,255);}

This is what I use for shadows around objects, it's CSS3.
It's applied 3 times since every browser "understands" different command.
First one is for Opera (and how CSS3 should look), second one is Google Chrome and third one is Firefox.[/QUOTE]

Could I just put it in any CSS file, or is there a special file it has to be located in?

[Crhem van der B]

Just regular CSS file. But take note that neither of these commands work in IE (obviously) so the shaddow won't appear in this browser.

[compwhizii]

Something like this? [url]http://compwhizii.net/EventStats/[/url]

[Bellminator]

[QUOTE=Crhem van der B;21426008]Just regular CSS file. But take note that neither of these commands work in IE (obviously) so the shaddow won't appear in this browser.[/QUOTE]

This seems to have worked. Thanks for the help!