[Block] Wotlk Progression Block

[umiya]

So I have another problem now I didn't notice last night. I put this in "top block" and it seems to be breaking my theme .

http://taintedcore.net


if you look on the right side the border is gone, and the whole body is suppose to have a black background. Not the background image that you see. Any help?

[G6Cad]

Looks great in my browser
Try FF or Opera and check how it looks

If you have IE8 Beta, you have to blame the browser as it's a very poor one

[umiya]

I am useing Firefox, and tried IE7. I also deleted cache etc. here are some screenshots of what im talking about

[vasiliki]

Is it a front page block or a center block?

[umiya]

its a top block

[vasiliki]

Code Select Expand


<script type="text/javascript">
function gE(id) { return document.getElementById(id); }
function togglevis(id) {
  gE(id).style.display = (gE(id).style.display == "block") ? "none" : "block";
}
</script> <style type="text/css">
* { font-family: Tahoma; font-size: 12px; }
th { text-align: left; color: white; padding-right: 12px; }
.infobox { display: none; }
.infobox table td { text-align: right; }
</style>          <center>  <img onclick="togglevis('box10');" src="images/progression/Archavon.bmp" alt="" />  <img onclick="togglevis('box11');" src="images/progression/Archavon25.bmp" alt="" />  <img onclick="togglevis('box12');" src="images/progression/Obsidian.bmp" alt="" />  <img onclick="togglevis('box13');" src="images/progression/Obsidian25.bmp" alt="" />  <img onclick="togglevis('box14');" src="images/progression/Naxxramas.bmp" alt="" />  <img onclick="togglevis('box15');" src="images/progression/Naxxramas25.bmp" alt="" />  <img onclick="togglevis('box16');" src="images/progression/Malygos.bmp" alt="" />  <img onclick="togglevis('box17');" src="images/progression/Malygos25.bmp" alt="" />  </center>
<div id="box10" class="infobox">  <center><strong><font color="white">Vault of Archavon 10</font></strong></center>
<table width="150">
    <tbody>
        <tr>
            <th>Archavon</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
    </tbody>
</table>
</div>
<div id="box11" class="infobox">  <center><strong><font color="white">Vault of Archavon 25</font></strong></center>
<table width="150">
    <tbody>
        <tr>
            <th>Archavon</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
    </tbody>
</table>
</div>
<div id="box12" class="infobox">  <center><strong><font color="white">Obsidian Sanctum10</font></strong></center>
<table width="150">
    <tbody>
        <tr>
            <th>Sartharion</th>
            <td>&nbsp;</td>
            <td><font color="red">Cleared</font></td>
        </tr>
    </tbody>
</table>
</div>
<div id="box13" class="infobox">  <center><strong><font color="white">Obsidian Sanctum 25</font></strong></center>
<table width="150">
    <tbody>
        <tr>
            <th>Sartharion</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
    </tbody>
</table>
</div>
<div id="box14" class="infobox">  <center><strong><font color="white">Naxxramas - 10 Man</font></strong></center>
<table width="150">
    <tbody>
        <tr>
            <th>Anub'Rekhan</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Faerlina</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Maexxna</th>
            <td>&nbsp;</td>
            <td><font color="green">DEAD</font></td>
        </tr>
        <tr>
            <th>Noth</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Heigan</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Loatheb</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Razuvious</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Gothik</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Horsemen</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Patchwerk</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Grobbulus</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Gluth</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Thaddius</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Sapphiron</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Kel'Thuzad</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
    </tbody>
</table>
</div>
<div id="box15" class="infobox">  <center><strong><font color="white">Naxxramas - 25 Man</font></strong></center>
<table width="150">
    <tbody>
        <tr>
            <th>Anub'Rekhan</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Faerlina</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Maexxna</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Noth</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Heigan</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Loatheb</th>
            <td>&nbsp;</td>
            <td><font color="green">DEAD</font></td>
        </tr>
        <tr>
            <th>Razuvious</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Gothik</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Horsemen</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Patchwerk</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Grobbulus</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Gluth</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Thaddius</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Sapphiron</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Kel'Thuzad</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
    </tbody>
</table>
</div>
<div id="box16" class="infobox">  <center><strong><font color="white">Eye of Eternity - 10 Man</font></strong></center>
<table width="150">
    <tbody>
        <tr>
            <th>Malygos</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
    </tbody>
</table>
</div>
<div id="box17" class="infobox">  <center><strong><font color="white">Eye of Eternity - 25 Man</font></strong></center>
<table width="150">
    <tbody>
        <tr>
            <th>Malygos</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Malygos +1 Drake</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Malygos +2 Drake</th>
            <td>&nbsp;</td>
            <td><font color="red">In Progress</font></td>
        </tr>
        <tr>
            <th>Malygos +3 Drake</th>
            <td>&nbsp;</td>
            <td><font color="red">In Progress</font></td>
        </tr>
    </tbody>
</table>
</div>


Try running this code in a side block rather than a top block. You may have to rearranged the pictures for "viewing" pleasure. But i think it should get rid of your theme being broken up by a center block.

[Eals]

Hmm getting PHP syntax error.... can't find the problem though

[ZarPrime]

Eals,

Welcome to TinyPortal.  Though I don't know what exactly what this code is supposed to do, I just installed it in a block on my site and it doesn't generate any errors.  Make sure you have put it into a scriptbox and not a php box.

ZarPrime

[Eals]

Thanks! I guess for a first post this was not a brilliant post.... Sorry for that silly mistake. I did use a php box

[ZarPrime]

NP, we've all made silly little mistakes as we were learning to use TP.  I'm glad you figured it out. :up:

ZarPrime