census issues

[emalee]

Hello!

I'm having a few problems with my left side tables and the census code. Everytime i try and resize the side tables, everything goes fine except the census' box, which is always sticking out more than the others and i want it in line with the other two. I use the smangii's side tables and the census code i have used is this:

<style>.the_classes{font-family: verdana;padding: 2px;width: 50px;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="10px" class="bordercolor" cellpadding="0" cellspacing="0"> <tr><td class="windowbg" align="left">  <div class="c1"><table border="0px" padding="0px"> <tr>   <td valign="top" width="10px">
<!--1--><div class="the_classes" style="border-left: 6px solid #353955;">Name1</div><!--2--><div class="the_classes" style="border-left: 6px solid #151a42;">Name2</div><!--3--><div class="the_classes" style="border-left: 6px solid #000317;">Name3</div><!--4--><div class="the_classes" style="border-left: 6px solid #22382d;">Name4</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>


</td> </tr> </table> </div> </td> </tr></table>

[Tumbleweed]

I'd definitely take the red out since the css that goes with the id "sidetables" should be defining the width.

<table id="sidetables" width="10px" class="bordercolor" cellpadding="0" cellspacing="0"> <tr><td class="windowbg" align="left">  <div class="c1"><table border="0px" padding="0px">

Other than that, I really need to see your forum to see what coding you have going on. If you don't want to post your site link, you can pm it to me and link to this thread.

[emalee]

the site link is here, E V I C A

[Tumbleweed]

Awww, thanks for the link. It is because you put that table within another table.  Remove this...

<!-- ===== BOX #2 START =====  -->
<table id="sidetables" class="bordercolor" cellpadding="4" cellspacing="1">
<tr><td align="center" class="titlebg">
Census
</td></tr>
<tr><td class="windowbg">


...which is right above the css. Then at the very bottom, remove the closing bit:

</td></tr></table>