Zijpaneel verdwijnt

Ik heb zelf ook al even achter zo'n tabel lopen zoeken, maar helaas kan ik ze nou niet uitproberen aangezien de infobox niet zichtbaar is op m'n forum, en ik nochtans alles aangevinkt heb naar mijn weten. Dit is trouwens hetzelfde als met de chatbox uit dezelfde tutorial.

Ik zat op je forum te kijken en zag dat je in het javascript van de slider ook ' en " gebruikte. Dit zorgt voor verwarring in je javascript. Zorg dat alle element die IN je slider staan waar een ' staat vervangen worden door een ". Normaal zou dit daarna over zijn. Als het niet lukt mag je dit eventueel hier posten.

Alle ' zijn veranderd in " maar helaas heeft dit nog steeds geen effect.
Of bedoelde je om alle ' elementen te veranderen in " elementen wat te maken had met de inhoud van de slider ??
Momenteel heb ik dit als inhoud staan:

Code:

<div style="font-family: perpua titling mt; font-size: 24px; color: #c7c1c1; text-shadow: #4153c3 1px 1px 2px;">Asenia</div> </div><div style="width: 170px; font-family: arial; font-size: 9px; text-transform: uppercase; line-height: 10pt; text-transform: uppercase; text-align: justify; border-bottom: 1px dotted #b1c0c4; padding-bottom: 0px; padding-top: 0px;"> <div style="margin:auto;text-align:center;width:100%">Kop 1</div></div><div style="width: 170px; text-align: justify; padding: 10px; 10px; 10px; 10px; font-family: calibri; font-size: 11px; line-height: 8pt;">

Blahblahblahtesttesttest<td>testjetestjetest</td><br /></a><br /></a>

<span style="font-size: 7px; line-height: normal">©A thousand fireflies</span>
</div>
</div>
</div>
</div>
</center>

Het is maar wat vluchtig gekopiëerd dus kan het zijn dat er wat overbodige tekst tussen staat.

Dit is trouwens de volledige; aangepaste; javascript:

Code:

jQuery(document).ready(function () {
    jQuery("body").append("<table style="position: fixed; bottom: 50px; right: 0px;background-color:#e5e5e6 ;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0">
     
        <center><link href="http://fonts.googleapis.com/css?family=Perpua+Titling+MT" rel="stylesheet" type="text/css">
<style type="text/css">

.pic1 {  opacity: 0; width: 170px; height: 75px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s; }
.pic1:hover { opacity: 2 }

.tagboxes { width: 170px; height: 75px;  background-color: #ADA493;  opacity: .9; padding-top: 0px; padding-bottom: 0px; color: #fff; font-family: open sans condensed; font-size: 20px; text-transform: uppercase; line-height: 8pt; text-align: center; letter-spacing: 2px;   }

</style><div style="width: 170px; border-left: 2px solid #82838e; border-top: 2px solid #82838e;"><div style="width: 170px; border-right: 1px dotted #363636; border-bottom: 1px solid #363636;">
<table cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><div style="width: 170px; height: 75px; background-image: url();"> <div class="pic1"><div style="padding-top: 0px;"><div class="tagboxes"> <div style="padding-top: 0px;">
<br>


</div>
</div>
</div>
</td>
</tr>
</table><div style="margin-top: 0px;"><div style="font-family: perpua titling mt; font-size: 24px; color: #c7c1c1; text-shadow: #4153c3 1px 1px 2px;">Asenia</div> </div><div style="width: 170px; font-family: arial; font-size: 9px; text-transform: uppercase; line-height: 10pt; text-transform: uppercase; text-align: justify; border-bottom: 1px dotted #b1c0c4; padding-bottom: 0px; padding-top: 0px;"> <div style="margin:auto;text-align:center;width:100%">Kop 1</div></div><div style="width: 170px; text-align: justify; padding: 10px; 10px; 10px; 10px; font-family: calibri; font-size: 11px; line-height: 8pt;">

Blahblahblahtesttesttest<td>testjetestjetest</td><br /></a><br /></a>

<span style="font-size: 7px; line-height: normal">©A thousand fireflies</span>
</div>
</div>
</div>
</div>
</center>
     
    </div></td><td style="vertical-align: bottom;"><img src="http://img600.imageshack.us/img600/6053/6rwx.png" onClick="document.getElementById(\"panneau\").style.display=(this.src==\"http://img600.imageshack.us/img600/6053/6rwx.png\")?\"block\":\"none\";this.src=(this.src==\"http://img600.imageshack.us/img600/6053/6rwx.png\")?\"http://img34.imageshack.us/img34/5027/91og.png\":\'http://img600.imageshack.us/img600/6053/6rwx.png\";"/></td></tr></table>');
});

Alvast bedankt voor de hulp.

Ik weet niet wat je bedoeling was maar er zaten wel heel wat fouten in je html.
Als je html schrijft of iets anders is het misschien makkelijk dit te doen in kladblok of notepad++. Probeer er dan een structuur in te maken, element openen => extra tab. Zo zie je hoeveel divs er geopend zijn, wanneer je welke sluit enz. Want nu sloot je op het einde 4 div's ofzo ook al waren er maar 2 geopend   

Ik weet nu niet of het de opmaak was die je wou maar nu klopt de html wel.

Code:

jQuery(document).ready(function () {
    jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;">
   <tr>
      <td>
         <div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0">
               <div style="font-family: perpua titling mt; font-size: 24px; color: #c7c1c1; text-shadow: #4153c3 1px 1px 2px;">Asenia</div>
            <div style="width: 170px; font-family: arial; font-size: 9px; text-transform: uppercase; line-height: 10pt; text-transform: uppercase; text-align: justify; border-bottom: 1px dotted #b1c0c4; padding-bottom: 0px; padding-top: 0px;">
               <div style="margin:auto;text-align:center;width:100%">Kop 1</div>
            </div>
            <div style="width: 170px; text-align: justify; padding: 10px; 10px; 10px; 10px; font-family: calibri; font-size: 11px; line-height: 8pt;">
               Blahblahblahtesttesttesttestjetestjetest<br /><br />
            <span style="font-size: 7px; line-height: normal">A thousand fireflies</span>
            </div>
         </div>
      </td>
      <td style="vertical-align: bottom;"><img src="http://img600.imageshack.us/img600/6053/6rwx.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://img600.imageshack.us/img600/6053/6rwx.png\')?\'block\':\'none\';this.src=(this.src==\'http://img600.imageshack.us/img600/6053/6rwx.png\')?\'http://img34.imageshack.us/img34/5027/91og.png\':\'http://img600.imageshack.us/img600/6053/6rwx.png\';"/></td>
   </tr>
</table>');
});