Transparency Census

[Admin of meh site]

Forum URL: alitrice.proboards.com/index.cg

Hi, everyone here does such a wonderful job! So I thank you all on behalf of the public!

I have a problem with one of my codes and I was just wondering if anyone knew a way that I could fix it.

Code:
<style>
.the_classes{
font-family: verdana;
padding: 2px;
width: 110px;
line-height: 12px;
margin-bottom: 3px;
}
.female{
background-color: #f8e8ec;
color: #5d4727;
font-family: arial;
border-left:6px solid #CC6699;
padding:2px;
line-height: 12px;
margin-bottom: 3px;
}
.males{
background-color: #f8e8ec;
color: #5d4727;
font-family: arial;
border-left: 6px solid #3a65a9;
padding: 2px;
line-height: 12px;
margin-bottom: 3px;
}
.total{
background-color: #f8e8ec;
color: #5d4727;
font-family: arial;
letter-spacing: 0px;
padding: 2px;
line-height: 12px;
margin-bottom: 3px;
}
</style>


<!-- ===== STATS ===== -->
<table id="sidetables" width="200px" class="bordercolor" cellpadding="0" cellspacing="0">
<tr>
<td class="windowbg" align="center">
<div class="c1t">
<table border="0px" padding="0px">
<tr>
<td valign="top" width="110px">

<!--1--><div class="the_classes" style="border-left: 6px solid #353955;">Pack1</div>
<!--2--><div class="the_classes" style="border-left: 6px solid #151a42;">Pack2</div>
<!--3--><div class="the_classes" style="border-left: 6px solid #000317;">Pack3</div>
<!--4--><div class="the_classes" style="border-left: 6px solid #22382d;">Loners</div>


</td><td valign="top">

<!--1--><div class="female"><center>03</center></div>
<!--2--><div class="female"><center>06</center></div>
<!--3--><div class="female"><center>00</center></div>
<!--4--><div class="female"><center>01</center></div>


</td><td valign="top">

<!--1--><div class="males"><center>01</center></div>
<!--2--><div class="males"><center>04</center></div>
<!--3--><div class="males"><center>01</center></div>
<!--4--><div class="males"><center>01</center></div>


</td><td valign="top">

<!--1--><div class="total"><center>04</center></div>
<!--2--><div class="total"><center>10</center></div>
<!--3--><div class="total"><center>01</center></div>
<!--4--><div class="total"><center>02</center></div>


^^^^ So the above is the code! Now What I was wondering is, with that same census code is it possible that I can make the background transparent. I have images behind the sidetables, and wish to make them still visible to my users, but when I use this is covers it entirely. So is there anyway to make it transparent?? If there is no way with this particular code I am more than happy to use another census code that is compatible with trasparency if you know of one :3

Thankyou in advance.

[Tumbleweed]

Just remove the classes in the table:

<!-- ===== STATS ===== -->
<table id="sidetables" width="200px" class="bordercolor" cellpadding="0" cellspacing="0">
<tr>
<td class="windowbg" align="center">

And then in the css, you have some background colors. Not sure if they are wanted or not but if not, remove those. You also have this class in the table part:

<div class="c1t">

Not sure where the corresponding css for "clt" is but check that for a background color.