Tables on the top and side

[Bella9109]

So, on my site, I just want all the tables on the side instead of on the top and side. It's due to the Census part of the tables. I have been trying to fix it but I don't know how, is there anything you can do to help this?

Site: www.rawrtehkittie.proboards.com

[Tumbleweed]

I'm seeing a lot of errors that could cause problems but first I need to know if you are wanting these top tables on the other side (right) or all on the left with the others?  Nevermind, I can see you are trying to add them to the left. 

Some things you can do:
All your tables need fixed where you have the titles. You need to add the blue and remove the red: (Not all have the inappropriate closing center tag but most all if not all have the missing blue.

<!-- ===== WELCOME ===== -->
<table id="sidetables" align="center" width="95%" class="bordercolor" cellpadding="0" cellspacing="1">
<tr>
<td class="windowbg" align="center"><div style="width:200px;"><h1>WELCOME</h1></div></td> </tr>
</center>
<tr><td class="windowbg" ALIGN="CENTER">


Then below your affiliates table you need to remove the red: (You have two </a> and </marquee> so that is why they need removed.)

</a></marquee>


</marquee>

Meanwhile, I'll go through your census table to see if I can find the issue. Edit: Well, giving it a quick look, I didn't see the issue and since there is so much too look through, I just redid your table. It will be a lot easier to edit like this:


Here is the whole census table:

<!== CENSUS ==!>

<table  id="sidetables" align="center"  class="bordercolor" cellpadding="0" cellspacing="1">

<td class="windowbg" align="center">

<div style="width:200px;"><h1>CHARRIE CENSUS</h1></div>

<table cellspacing="2px" style="margin-top: -2px;">

<tr>

<td  width="100%" align="left">

<div class="census">

<span class="name"> PURE BLOODS</span>

<span class="male">M</span> 05

<span class="female">F</span> 06

</div>

<div class="census">

<span class="name"> FAERIES</span>

<span  class="male">M</span> 01 

<span class="female">F</span> 04

</div>

<div class="census">

<span class="name"> VAN-HELSINGS</span>

<span class="male">M</span> 01 

<span class="female">F</span> 04

</div>

<div class="census">

<span class="name"> DEMONS</span>

<span class="male">M</span> 01 

<span class="female">F</span> 00

</div>

<div class="census">

<span class="name"> HUMANS</span>

<span class="male">M</span> 00

<span class="female">F</span> 04

</div>

<div class="census">

<span class="name"> SHIFTERS</span>

<span class="male">M</span> 01 

<span class="female">F</span> 01

</div>

<div class="census">

<span class="name"> VAMPIRES</span>

<span class="male">M</span> 01 

<span>F</span> 02

</div>

<div class="census">

<span class="name"> ELEMENTAL HUMANS</span>

<span class="male">M</span> 00

<span class="female">F</span> 03

</div>

<div class="census">

<span class="name"> HALF VAMPIRES</span>

<span class="male">M</span> 00

<span class="female">F</span> 01

</div>

<div class="census">

<span class="name"> ANGELS</span>

<span class="male">M</span> 00

<span class="female">F</span> 01

</div>

<div class="census">

<span class="name"> DRAGON RIDERS</span>

<span class="male">M</span> 01 

<span class="female">F</span> 02

</div>

<div class="census">

<span class="name"> ELVES</span>

<span class="male">M</span> 00

<span>F</span> 02

</div>

<div class="census">

<span class="name"> DRAGONS</span>

<span class="male">M</span> 03 

<span class="female">F</span> 01

</div>

<div class="census">

<span class="name"> RANGERS</span>

<span class="male">M</span> 00

<span class="female">F</span> 01

</div>

<div class="census">

<span class="name"> WERE-ANIMALS</span>

<span class="male">M</span> 00

<span class="female">F</span> 00

</div>

<div class="census">

<span class="name"> SUPERNATURAL HUMANS</span>

<span class="male">M</span> 00

<span class="female">F</span> 00

</div>

<div class="census">

<span class="name"> FALLEN ANGELS</span>

<span class="male">M</span> 00

<span class="female">F</span> 00

</div>

<div class="census">

<span class="name"> DHAMPIRS</span>

<span class="male">M</span> 00

<span class="female">F</span> 00

</div>

<div class="census">

<span class="name"> FAIRIES</span>

<span class="male">M</span> 00

<span class="female">F</span> 00

</div>

<div class="census">

<span class="name"> RANGERS</span>

<span class="male">M</span> 00

<span class="female">F</span> 00

</div>

<div class="census">

<span class="name"> OUTLANDERS</span>

<span class="male">M</span> 00

<span class="female">F</span> 00

</div>

<div class="census">

<span class="name"> SHADOW CASTERS</span>

<span class="male">M</span> 00

<span class="female">F</span> 00

</div>

<div class="census">

<span class="name"> DEATH DELIEVERERS</span>

<span class="male">M</span> 00

<span class="female">F</span> 01

</div>

<div class="census">

<span class="name"> GHOSTS</span>

<span class="male">M</span> 00

<span class="female">F</span> 01

</div>

<div class="census">

<span class="name"> HYBRIDS</span>

<span class="male">M</span> 02 

<span class="female">F</span> 04

</div>

<div class="census">

<span class="name"> TOTAL</span>

<span class="male">M</span> 16 

<span class="female">F</span> 38 

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

And then add this to your exisiting css: (The blue)

<style type="text/css">

#sidetables { width: 230px; margin-bottom: 20px; margin-right: 20px;

}

.census{width: 200px;

margin-bottom: 2px; 

border-left: 4px solid #202020;

padding-left: 5px; 

padding-right: 2px;

text-align: right;

}

.name{width: 180px:

display: inline-block;

float: left;

}

.female{width: 50px;

color: #931a1d;

}

.male{width: 50px;

color: #1a6493;

}

</style>

[Bella9109]

Okay, where do I put the last blue part?

[Tumbleweed]

You already have the purple part (I just made it purple by editing my previous post) right above your side tables. Just add it to that.