Now you know why I am not a fan of Caution templates. I always have to fix their mess.
In your headers (I believe global but check your main header)find this and remove it. You already have a forum resize in your footers and the span part is copied from someone else's source as that is part of ProBoards coding so the template isn't even theirs completely or so it seems.<script type="text/javascript">
<!--
table = document.getElementsByTagName('table');
for(i = 0; i < table.length; i ++) {
with(table[i]) {
if(width == '92%') {
width = '500';
}}}
//-->
</script>
<br/>
<span id="pagedropmenu" class="nav" style="display: none;" onmouseout="hidePageSpan(event,0);" onmouseover="window.clearTimeout(removePageSpan);"></span>
You have two sets of this below so remove one set:<script type="text/javascript">
<!--
document.getElementsByTagName('td').item(2).style.display="none";
//-->
</script>
<script type="text/javascript">
<!--
document.getElementsByTagName('font').item(1).style.display="none";
//-->
</script>
Now there is a lot of cleaning up you should do like put all your css together but I'll just touch on the bare minimum.
In your css for the table find this and remove the red and add the blue:<style type="text/css">
.table {
[font color="#e61954"]margin-left:320px;
margin-right: auto;
margin-top: 2px;
margin-bottom: 2px;[/font][/i][/color]
[font color="#1925ac"]margin:auto;
margin-top: 20px;
margin-bottom: 20px;[/font]
background-color:#3d080e;
border-right:10px solid #350103;
border-left:10px solid #350103;
border-left:10px solid #350103;
border-top:20px solid #350103;
border-bottom:20px solid #350103;
-moz-border-radius:0px 50px 50px 0px;
-webkit-border-radius:0px 50px 50px 0px;
-border-radius:0px 50px 50px 0px; }
BODY {
[font color="#1925ac"]margin-left: 200px;[/font]
font-family: trebuchet ms;
font-size: 12px;
border-right:10px solid #680b13;
background-color:#290408;
color: #FFFFFF;}
</style>
And then replace this line....<center><table cellpadding="0" cellspacing="0" width="728" class=
"table">
<tr>
<td></td><td width="728px"/></td></tr>
<tr>
<td/></td><td border="0px" style="padding: 20px; padding-right: 29px;">
....with this....<table align="center" width="728px" cellpadding="0" cellspacing="0" class="table">
<tr><td border="0px" style="padding: 20px; padding-right: 29px;">
If you want you can replace your peek-a-boo's with what I have below, feel free but you should know I'm using Jordan's expand/collapse code but the memory isn't working where it keeps the content open or closed until you delete you cookies.
This would go at the bottom of your global footers: (I have all your content already in it but be sure to save the peek-a-boo's to notepad in case you aren't happy with this:<style type="text/css">
<!--
html,body{height:100%;
}
.tab1_image{
width: 24px;
height: 100%;
background-color: brown;
cursor: pointer;
}
.tab_cont{
width: 200px;
height: 100%;
background-image: url(http://i29./c261/ladyseverussnape/epitest_zps1fa5c33f.png);
background-repeat: repeat;
font-size:.8em;
}
.inner_tab_cont{
padding: 140px 4px 4px 4px;
height: 100%;
float: left:
}
-->
</style>
<!--START OF TAB 1-->
<!--Tabbed Table by Tumbleweed of Proboards Support-->
<!--Collapse code by Trublu-->
<div style="position: fixed; top: 0px; right: 0px; z-index: 101; height:100%;_position:absolute;
_top:expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');">
<table cellpadding="0px" cellspacing="0px" height="100%">
<tr>
<td class="tab1_image" onclick="toggle('rules_tab');">
<img src="http://i29./c261/ladyseverussnape/11_zps89f82112.png" height="100%">
</td>
<td>
<div id="rules_tab" class="tab_cont" style="display:none;">
<div class="inner_tab_cont">
<marquee direction="left" scrollamount="3" height="120" onmouseover=this.stop() onmouseout=this.start()>
<a href="http://joininourcrusade.proboards.com/index.cgi?action=display&board=general&thread=1&page=1"><img src="http://i29./c261/ladyseverussnape/andrew_zps7527c2ea.png" class="hoverfade" title="Sir Andrew Ffoulkes">
<a href="http://joininourcrusade.proboards.com/index.cgi?board=canon&action=display&thread=946&page=1"><img src="http://i29./c261/ladyseverussnape/0013-1_zps284471b0.png" class="hoverfade" title="Lord Louis-Auguste François Rochechouart">
<a href="http://joininourcrusade.proboards.com/index.cgi?board=general&action=display&thread=1"><img src="http://i29./c261/ladyseverussnape/0015-1_zps51e0dab1.png" class="hoverfade" title="Maximilien Robespierre">
<a href="http://joininourcrusade.proboards.com/index.cgi?board=general&action=display&thread=1&page=1"><img src="http://i29./c261/ladyseverussnape/008-4_zpsda6b6b74.png" class="hoverfade" title=" SUZANNE DE TOURNAY">
<a href="http://joininourcrusade.proboards.com/index.cgi?board=general&action=display&thread=1&page=1"><img src="http://i29./c261/ladyseverussnape/0010-2_zps40835ee3.png" class="hoverfade" title="GABRIELLE DAMIENS">
<a href="http://joininourcrusade.proboards.com/index.cgi?board=general&action=display&thread=1&page=1"><img src="http://i29./c261/ladyseverussnape/007-4_zpse9656ff3.png" class="hoverfade" title="MADAME THENARDIER">
<a href="http://joininourcrusade.proboards.com/index.cgi?board=general&action=display&thread=1"><img src="http://i29./c261/ladyseverussnape/0011-4_zpsc522ad76.png" class="hoverfade" title="MONSIEUR THENARDIER">
</marquee>
<div style="position:relative; left:0px; padding-top: 50px; background-image:URL(http://i29./c261/ladyseverussnape/tagbb1_zps319ec048.png); width:190px; height:300px;"><br><br><br><br><br><br><br><br><br>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="190" height="180" src="http://www7.cbox.ws/box/?boxid=688379&boxtag=8sdwyg&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-688379" style="border: 0px solid;" id="cboxmain7-688379"></iframe></div>
<div><iframe frameborder="0" width="190" height="52" src="http://www7.cbox.ws/box/?boxid=688379&boxtag=8sdwyg&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-688379" style="border: 0px solid;border-top:0px" id="cboxform7-688379"></iframe></div>
</div>
<!-- END CBOX -->
</div></div>
</td>
</tr>
</table>
</div>
<!--END OF hide and show-->
<script type="text/javascript"><!--
var cookie_data = document.cookie.split(";");
for(a = 0; a < cookie_data.length; a++){
if(cookie_data[a].match(new RegExp("id:(.+?)=0($|;)","i"))){
if(document.getElementById(RegExp.$1))
document.getElementById(RegExp.$1).style.display = "none";
}
}
function toggle(_id){
var obj = document.getElementById(_id);
if(obj.style.display == ""){
obj.style.display = "none";
document.cookie = "id:" + _id + "=0;expires=Sat, 20 Jan 3000 12:12:12 UTC; path=/;";
} else {
obj.style.display = "";
document.cookie = "id:" + _id + "=0;expires=Sat, 20 Jan 2000 12:12:12 UTC; path=/;";
}
}
//--></script>
I'll take a look at your images in the staff section, but for now, try making a new file in photobucket and rename your image before uploading it. Sometimes photobucket is just picky about images with the same name. Also make sure you are copying the direct link, which I'm sure you were.
