If you could please help-

I want to make the div transparent and fadey looking at edges
like the ones in this website here: http://www.alqualonde.com/ithil/indexx.php?id=winners

but I can't figure out how to do it.

Here's what my site looks like right now: http://www.freewebs.com/estelioelohim/Home.htm

And this is what my code looks like right now:

<div id=layer1 style="position:absolute; top:20; left:15; width:200; height:900; z-index:1; padding:0px; border: #555555 2px solid; background-color:#000000; overflow:auto;">

Content goes here (images, text)

</div>

What should I do?

The only fading I see is on the images. If that is what you mean, you need to do that in a graphics program.

Yeah that's what I mean't. Thanks Sheila. :)

that site uses div to position the text, not the get that effect. The two bars that are blue are just a background image that repeats vertically

http://www.alqualonde.com/ithil/Pictures/background.gif

divs are only used to position the text on top of that. So for that effect you have to delete the bgcolor out of your div coding and just make a background image with those two bars.

the fade effect is inside the top image:

http://www.alqualonde.com/ithil/Pictures/litop.jpg

Love,
Mirna

it is true, in the other site, the effect was made with a graphics program... however, this can also be done in HTML/CSS

use this:
<div style="filter: alpha(transparency=50%); Z-index: 2">txt</div>
because of the Z-index, the div will now be in front of the pic, and because of the alpha filter it will be half-transparent, change the 50% into anything u want.

-Lim

Here's my page, and my code.

http://www.freewebs.com/estelioelohim/Home.htm

<div id=layer1 style="position:absolute; top:20; left:15; height:900; width:200; padding:0px; border:0px; solid; background-color:#0E1B87; overflow: auto;
filter: alpha(transparency=50%); Z-index: 2">
content
</div>

I wasn't quite sure how to put Lim's code in with the other one.
What did I do wrong?