Transparency with css, is it possable?

[Vid Warren]

If I understand correctly, you're trying to do something similar to me.

You might be best off creating an image with a specified percent of opacity to use as a background. You can then upload it to a host site and then use it on some tables. If you have Photoshop, I can tell you how to do and save it as a PNG. If not, I could make one for you as long as it's nothing that complicated.

I'm trying to do something similar for a Myspace. This is a thread I posted on another forums site but they've not been able to help:

---

Through searching in Google, I found this expired thread:

http://forums.techguy.org/web-design-de ... e-not.html

I followed the advice as best as I could for my own situation but I have a myspace music profile so the sections are different. Also, there were some bits I don't think that I fully understood.

I managed to create a PNG file with the correct opacity and apply it to some parts of the tables but I don't know all of the 'table id's (to apply the transparentback class' to).

Here is my coding (minus some seemingly irrelevant bits) the modifications based on the thread are in bold):

<STYLE>strong {font-size:10pt; color:ffffff; font-weight:bold; font-decoration:none; font-style:normal;background-color:transparent}</STYLE>

<style type="text/css">


.mygen { Text Properties }
.whitetext12 { color:000000; }

</style>

<style type="text/css">
.contactTable {
width:302px !important;
height:152px !important;
padding:0px !important;
background-color:transparent;
border:1px dashed rgb(0,0,0);
background:url(http://i34.photobucket.com/albums/d142/ ... ttable.jpg) center center no-repeat;
}
.contactTable table, table.contactTable td {
padding:0px !important;
border:0px;
background-color:transparent;
background-image:none;
}
.contactTable a img {
visibility:hidden;
border:0px !important;
}
.contactTable a {
display:block;
height:28px;
width:115px;
}
.contactTable .whitetext12 {
visibility:hidden;
}


</style>

<table id="Table2" cellspacing="0" cellpadding="0" width="100%" align="center" class="transparentBack:>


<style type="text/css">
.mygen { Created using MyGen 2.5 - www.mygen.co.uk }

.mygen { Background Properties }
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-image:url(http://i34.photobucket.com/albums/d142/ ... mp1300.jpg );
background-attachment:fixed;
background-repeat:repeat;
}

.transparentBack {
background-image: url(http://i34.photobucket.com/albums/d142/Viddums/red3.png);
background-position: top left;
}

.mygen { Table Properties }
table table { border: 0px }
table table table table{border:0px}
table table table {
border-style:solid;
border-width:1px;
border-color:557799;
background-image:url(http://i34.photobucket.com/albums/d142/Viddums/red3.png );
}

.transparentBack {
background-image: url(http://i34.photobucket.com/albums/d142/Viddums/red3.png);
background-position: top left;
}

.mygen { Text Properties }
table, tr, td, li, p, div { font-family:arial; color:FFFFFF; }
.btext { color:000000; }
.blacktext10 { color:2288FF; }
.blacktext12 { color:EEEEEE; }
.text { color:FFFFFF; }



a:link { color: 64dada; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px }

a:visited, a:active { color: 64dada; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px }

a:hover { color: 007474; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 15px }

a.navbar:active, a.navbar:visited, a.navbar:link { color:226622; }
a.navbar:hover { color:222288; }
.nametext { color:FFFFFF; }

</style>

And here is the link to my page:

http://www.vidbeat.co.uk

Please do let me know if there's anything that I've done wrong or how I can figure out the id's of the different tables.

I'm truly willing to figure out how it works and I don't expect anybody to do it all for me but I've been on it for a good five hours and I've just hit a wall. Any help would be greatly appreciated.

---

So, if someone could let me know that would be amazing. I know that it's possible.