HTML Test Bed

<!------------- code here ---------------> <br style="display:none"> <!-- ==================================== Begin TabTop IndexCardFlexTabs ==================================== --> <style>.tabholder_715{width:100%; height:11.3em; font-size:16px;}.tabholder_715 div.tabtops{width:100%; max-width:800px;}.tabholder_715 ul.tabtops>li{height:1.92em;}.tabholder_715 ul.tabtops>li>div{height:9.38em; top:1.92em;}.tabholder_715 ul.tabtops>li>label>h2{font-size:1.2em; line-height:1.6em;}.tabholder_715 ul.tabtops>li>div>div{font-size:.9em;}.tabholder_715{font-family:arial;}.tabholder_715 ul.tabtops>li{}.tabholder_715 ul.tabtops>li>label>h2{background-color:#B3B3B3; color:#000000; border: 1px solid #868686; border-bottom:0; border-radius:0; text-align:center; font-weight:bold;}.tabholder_715 ul.tabtops>li>label:hover>h2{background-color:#C9C9C9; color:#333;}.tabholder_715 ul.tabtops>li>input:checked + label>h2{background-color:#E0E0E0; color:#000000; z-index:3;}.tabholder_715 ul.tabtops>li>input:checked:hover + label>h2{background-color:#E0E0E0; color:#333; z-index:3;}.tabholder_715 ul.tabtops>li>div{background-color:#E0E0E0; border: 1px solid #868686;}.tabholder_715 ul.tabtops>li>div>div{color:#000000; line-height:125%; font-weight:normal; text-align:left;}.tabholder_715 .tab1 ul.tabtops>li{width:100%;}.tabholder_715 .tab2 ul.tabtops>li{width:49.75%;}.tabholder_715 .tab3 ul.tabtops>li{width:33%;}.tabholder_715 .tab4 ul.tabtops>li{width:24.62%;}.tabholder_715 .tab5 ul.tabtops>li{width:19.6%;}.tabholder_715 .tab6 ul.tabtops>li{width:16.25%;}.tabholder_715 .tab7 ul.tabtops>li{width:13.85%;}.tabholder_715 .tab8 ul.tabtops>li{width:12.06%;}.tabholder_715 ul.tabtops>li{margin-right:0.5%;}.tabholder_715 ul.tabtops>li:last-child{margin-right:0%;}.tabholder_715{position:relative; padding:0; margin-top:1.5em; margin-bottom:1.5em;}.tabholder_715 div.tabtops{position:relative; height:100%; margin:auto;}.tabholder_715 ul.tabtops{position:absolute; width:100%; height:auto; top:0px; left:0px; margin:0px; padding:0px;}.tabholder_715 ul.tabtops>li{list-style:none; float:left; margin-left:0; text-align:center;}.tabholder_715 ul.tabtops>li>input{visibility:hidden; position:absolute; top:1em; left:2em;}.tabholder_715 ul.tabtops>li>label{margin:0; padding:0; border:0;}.tabholder_715 ul.tabtops>li>label>h2{position:relative; display:block; height:100%; margin:0px; padding:0px; overflow:hidden; cursor:pointer; z-index:1;}.tabholder_715 ul.tabtops>li>div{position:absolute; left:0px; right:0px; bottom:0px; margin:0px; padding:0px; overflow:auto; display:none; z-index:2;}.tabholder_715 ul.tabtops>li>div>div{position:relative; top:0; left:0; width:auto; height:auto; max-height:none; overflow:visible; margin:.8em;}.tabholder_715 ul.tabtops>li>input:checked ~ div{display: block;}@media(max-width:480px){.tabholder_715 .tab1 ul.tabtops>li, .tabholder_715 .tab2 ul.tabtops>li, .tabholder_715 .tab3 ul.tabtops>li, .tabholder_715 .tab4 ul.tabtops>li, .tabholder_715 .tab5 ul.tabtops>li, .tabholder_715 .tab6 ul.tabtops>li, .tabholder_715 .tab7 ul.tabtops>li, .tabholder_715 .tab8 ul.tabtops>li{width:100%; margin-right:0; position:relative; clear:both; float:none;}.tabholder_715{height:auto;}.tabholder_715 div.tabtops{width:100%; max-width:none; height:auto;}.tabholder_715 ul.tabtops{position:relative;}.tabholder_715 ul.tabtops>li{height:auto; margin-top:1px;}.tabholder_715 ul.tabtops>li>div{height:auto; top:0em;}.tabholder_715 div.tabtops ul.tabtops>li>label>h2{position:relative; height:1.92em;}.tabholder_715 div.tabtops ul.tabtops>li>div{position:relative; display:none;}.tabholder_715 div.tabtops ul.tabtops>li>div>div{overflow:visible;}.tabholder_715 ul.tabtops>li>input:checked + label>h2{background-color:#B3B3B3; color:#000000; z-index:3;}.tabholder_715 ul.tabtops>li>input:checked:hover + label>h2{background-color:#B3B3B3; color:#333;}.tabholder_715 ul.tabtops>li>input:checked ~ div{display: block; overflow:hidden; animation-name: rollopen_715; animation-duration: 1s;}}@keyframes rollopen_715{from{height:0px;}to{height:300px;}}</style><!--[if lt ie 8]><style>.tabholder_715{height:auto;}.tabholder_715 ul.tabtops{position:relative}.tabholder_715 ul.tabtops h2{margin:auto;}.tabholder ul.tabtops input{display:none;}</style><![endif]--> <!-- begin TabTop terms --> <div class="tabholder_715" > <div class="tabtops tab3" ><!-- number of tabs --> <ul class="tabtops" > <li><input id="tabtop1_715" type="radio" name="tabset_715" checked > <label for="tabtop1_715"><h2>Description:</h2></label> <div><div> DIMENSIONS WIDTH 138cm DEPTH 46cm HEIGHT 87cm A stunning vintage sideboard which has been lovingly up-cycled in my studio. It has three drawers and two cupboards, The interior has been cleaned and restored and is in immaculate vintage condition. We can put a neat hole in the back for leads if you would like us to. The sideboard has been decoupaged with amazing Toledo paper by Rebel Walls (featured recently in the New York Times). Climbing villages on lush hills take us to Toledo, the majestic town in central Spain. The pattern is hand painted with plenty of details and the colours look great with gold accessories. The paper has been given layers and layers of hard-wearing gloss varnish for protection and the paint work has been painted gold. The handles are original to the piece. Keeping your home free from the mass produced! </div></div></li> <li><input id="tabtop2_715" type="radio" name="tabset_715" > <label for="tabtop2_715"><h2>Carriage:</h2></label> <div><div> We can send this piece pretty much anywhere in mainland UK for the subsidized cost detailed at the top of this listing. Alternatively you are welcome to pick your purchase up from our studio in Denmead near Waterlooville. Each piece of furniture is surrounded in bubble wrap, corrugated cardboard and then shrink wrap which will protect it in transit. We use an extremely reliable door to door courier that will make sure your item arrives in the same pristine condition it left our studio in. Once the courier has collected your piece of furniture from us he will contact you directly during the following week to arrange a mutually convenient date and time for delivery. </div></div></li> <li><input id="tabtop3_715" type="radio" name="tabset_715" > <label for="tabtop3_715"><h2>Commissions:</h2></label> <div><div> I am more than happy to undertake commissions which is becoming increasingly popular. Please do get in contact if you would like to commission a bespoke piece of furniture. I have a substantial stock of furniture at the studio waiting to be upcycled so can always accommodate your requirements. We pride ourselves on being able to apply any printed image, wallpaper or fabric on any piece of furniture. Once you have chosen your piece we can create a graphic mock up with your chosen design/s at no extra cost for your consideration. During the creative process we will keep you updated on the progress and send you pictures once complete for your approval. It shouldn't take longer than 2 weeks prior to shipping. </div></div></li> </ul> </div> </div> <!-- ==================================== End TabTop IndexCardFlexTabs https://www.isdntek.com/csstools/ ==================================== --> <!-------------------- code here --------------------->

<!--- cross promotion ---> </p><center><table border="0" cellpadding="0" cellspacing="0" width="685"><tbody><tr><td> <center> <!-- Begin X*sell gallery, common code module --> <script id="xsellgalleryscript" type="text/javascript"> /*===============================================*/ /* X*sell script from ISDNtek rev.20JUL2010 */ /* copyright 2005-2010 @ www.isdntek.com */ /* add only one copy of this script to your page */ /*===============================================*/var xsell_gallery=[]; function xsellGallery(z0,z1,z3,z4,z5,z6,z7,z8,z9,v5,w0,w1,w2,w3,z2,w4,w5,w6,w7){var dr=[[0,"left","lt","l","h","-x"],[1,"up","u","v","y"],[2,"right","rt","r","x"],[3,"down","dn","d","-y"]]; w6=(w6||"0").toLowerCase(); for(var i=0;i<dr.length;i++){for(var j=0;j<dr[i].length;j++){if(w6==dr[i][j]){w6=dr[i][0];}}} xsell_gallery[xsell_gallery.length]=new xsellgallerystructure(xsell_gallery.length,z1,z3,z4,z5,z6,z7,z8,z9,v5,w0,w1,w2,w3,z2,w4,w5,w6,w7);} function xsellgallerystructure(z0,z1,z3,z4,z5,z6,z7,z8,z9,v5,w0,w1,w2,w3,z2,w4,w5,w6,w7){this.z0=z0; this.z1=z1||"ebay.com"; this.w8="xsell_gallery["+this.z0+"]"; this.z4=z4||""; this.z3=[]; this.v0=[]; this.v1=[]; this.v2=[]; this.v3=[]; for(var i=0;i<z3.length;i++){if(z3[i][0]||z3[i][2]){this.z3.push(z3[i]); this.v0.push(z3[i][0]||""); this.v1.push(z3[i][1]||""); this.v2.push(z3[i][2]||""); if(this.z4!=""){z3[i][3]=z3[i][3].split("'").join('’'); z3[i][3]=z3[i][3].split('"').join('”'); this.v3.push(z3[i][3]||this.z4)}else{this.v3.push("")}}} this.z6=z6||"14"; this.z5=z5||"sans-serif"; this.z7=z7.split(" ")[0]||"normal"; this.w9=z7.split(" ")[1]||"normal"; this.w7=Math.max(Math.min(parseInt(w7)||30,50),10); this.z8=z8||"#777A7C"; this.z9=z9||"transparent"; this.v5=v5||"#FFFFFF";this.w0=w0||"#444749"; this.w1=parseInt(w1)||450; this.w2=parseInt(w2)||80; this.w4=2*Math.ceil(parseInt(w4)/2)||0; this.w5=parseInt(w5)||0; this.w6=parseInt(w6||"0"); this.w3=(Math.max(Math.min(parseInt(w3)||80,100),50))*.01; this.z2=Math.max(parseInt(z2)||0)+4; this.v4=parseInt(this.w2*this.w3);this.v7=[]; this.v8=0; this.v9=-1; this.u0=""; this.u1=[]; this.u2; xsellbuildgallery(this);} function xsellbuildgallery(obj){var quot="'", asym=false, tsz=obj.v4; if(obj.w6%2>0){var os1="Top",os2="Height",os3="Width",vh1="v",vh2="h",wrp="",wh1="width",wh2="height",wh3="width",tl1="top",tl2="left";} else{var os1="Left",os2="Width",os3="Height",vh1="h",vh2="v",wrp="white-space:nowrap;",wh1="height",wh2="width",wh3="height",tl1="left",tl2="top";} for(var i=0;i<obj.z3.length;i++) {var stp=i*(obj.v4+obj.w5*2+obj.z2); if (obj.v2[i]){var dst='http://cgi.'+obj.z1+'/ws/eBayISAPI.dll?ViewItem&refid=store&item='+obj.v2[i]; var tim='http://thumbs.ebaystatic.com/pict/'+obj.v2[i]+'.jpg';var alt=obj.v2[i];} else if(obj.v0[i]){var dst=obj.v1[i]; var tim=obj.v0[i]; var alt=obj.v0[i];} obj.u1[i]=''+ '<a href="'+dst+'" target="_blank" style="display:block;position:absolute;z-index:0;'+ 'width:'+tsz+'px;height:'+tsz+'px;'+tl1+':'+(i*(tsz+obj.z2+obj.w5*2))+'px;'+ tl2+':0px;border:'+obj.w5+'px '+obj.z8+' solid;background-color:'+obj.v5+';">'+ '<img src="'+tim+'" border="0"'+ ' style="width:'+tsz+'px;height:'+tsz+'px;"'+ ' onload="var osize=this.offset'+os2+';this.style.'+wh2+ '=\'auto\';newOS=this.offset'+os2+'-osize;'+ ' var trt=this.offset'+os2+'/this.offset'+os3+';'+ ' if(trt>1){this.style.'+wh3+'=this.offset'+os3+'/trt+\'px\';'+ ' this.'+vh2+'space=Math.floor((this.offset'+os2+'-this.offset'+os3+')/2)}else'+ ' if(trt<1){this.'+vh1+'space=Math.floor((this.offset'+os3+'-this.offset'+os2+')/2)}"'+ ' onmouseover="xsellmouseover('+obj.w8+',this,\''+obj.v3[i]+'\')"'+ ' onmouseout="xsellmouseout('+obj.w8+','+stp+',this)"'+ ' title="" alt="xsell_'+i+'" /></a>'; obj.v8=obj.v8+Math.ceil(obj.v4+obj.z2+obj.w5*2); if(obj.v3[i]!=""){asym=true}} obj.u0='<span style="display:block;padding:0px;margin:0px;'+wrp+wh2+':'+(obj.v8)+'px;'+wh1+':'+(obj.v4+obj.w5*2)+'">'+obj.u1.join("")+'</span>'; if(obj.v8-obj.v4<obj.w1){obj.w1=Math.abs(obj.v8-obj.v4)} if(obj.w6%2==0){var capsz=""}else{if(asym==true&&obj.z4!=""){var capsz="height:"+(obj.z6*1.5*4)+"px;"}} if(obj.z4==""){var sty=""}else {var sty='style="padding:2px;'+capsz+'font-family:'+obj.z5+';font-size:'+obj.z6+'px;font-weight:'+obj.z7+';font-style:'+obj.w9+';color:'+obj.w0+'"'} document.write( '<table width="2" align="center" border="0" cellspacing="0" cellpadding="0" ><tbody><tr><td style="font-family:sans-serif;font-size:1px;color:#cccccc;text-align:center;" >'+'<span style="font-size:10px;"> <a href="http://www.isdntek.com/tagbot/xsell.htm" target="_blank" style="color:#cccccc"></a></span></td></tr><tr><td class="xsellgallery" >'+ '<table align="center" border="0" cellspacing="0" cellpadding="0" style="position:relative;border:'+obj.w4+'px '+obj.z8+' solid;background-color:'+obj.z9+';'+wh2+':'+(obj.w1+obj.w4)+'px;'+wh1+':'+(obj.w2+obj.w4+obj.z2*2)+'px;"><tbody><tr><td valign="top" align="center">'+ '<div style="position:relative;'+wh2+':'+obj.w1+'px;'+wh1+':'+(obj.w2+obj.w4+obj.z2*2)+'px;overflow:hidden;">'+ '<div style="position:absolute;'+tl1+':0px;'+tl2+':0px; '+wh2+':'+obj.w1+'px;'+wh1+':'+(obj.w2+obj.w4+obj.z2*2)+'px;" onmouseover="'+obj.w8+'.v9=0" onmouseout="'+obj.w8+'.v9=-1">'+ ' <div id="xsell1_'+obj.z0+'" style="z-index:0; position:absolute;'+tl1+':0px;'+tl2+':'+Math.ceil(((obj.w2+obj.w4+obj.z2*2)-(obj.v4+obj.w5*2))/2)+'px;"></div>'+ ' <div id="xsell2_'+obj.z0+'" style="z-index:0; position:absolute;'+tl1+':-1000px;'+tl2+':'+Math.ceil(((obj.w2+obj.w4+obj.z2*2)-(obj.v4+obj.w5*2))/2)+'px;"></div>'+ '</div></div>'+ '</td></tr><tr><td align="center" id="xsellcap_'+obj.z0+'" '+sty+' title="'+obj.z4+'">'+obj.z4+ '</td></tr></tbody></table>'+ '</td></tr></tbody></table>' ); obj.v7[0]=document.getElementById("xsell1_"+obj.z0); obj.v7[1]=document.getElementById("xsell2_"+obj.z0); obj.v7[0].innerHTML=obj.u0; obj.v7[1].innerHTML=obj.u0; if (obj.w6%2>0){obj.v7[1].style.top=obj.v8+"px";} else{obj.v7[1].style.left=obj.v8+"px";} obj.u2=setInterval("xsellgalleryscroll("+obj.w8+")",obj.w7);} function xsellgalleryscroll(obj){for(var k=0;k<=1;k++){switch(obj.w6){case 1:var dir=1; if(parseInt(obj.v7[k].style.top)-(-dir*obj.v8)>0){obj.v7[k].style.top=(parseInt(obj.v7[k].style.top)+dir*obj.v9)+"px"} else{obj.v7[k].style.top=(parseInt(obj.v7[Math.abs(1-k)].style.top)+dir*obj.v8+Math.abs(1-k)*dir*obj.v9)+"px"} break; case 3:var dir=-1; if(parseInt(obj.v7[k].style.top)-(-dir*obj.v8)<0){obj.v7[k].style.top=(parseInt(obj.v7[k].style.top)+dir*obj.v9)+"px"} else{obj.v7[k].style.top=(parseInt(obj.v7[Math.abs(1-k)].style.top)+dir*obj.v8+Math.abs(1-k)*dir*obj.v9)+"px"} break; case 2:var dir=-1; if(parseInt(obj.v7[k].style.left)-(-dir*obj.v8)<0){obj.v7[k].style.left=(parseInt(obj.v7[k].style.left)+dir*obj.v9)+"px"} else{obj.v7[k].style.left=(parseInt(obj.v7[Math.abs(1-k)].style.left)+dir*obj.v8+Math.abs(1-k)*dir*obj.v9)+"px"} break; case 0:var dir=1; if(parseInt(obj.v7[k].style.left)-(-dir*obj.v8)>0){obj.v7[k].style.left=(parseInt(obj.v7[k].style.left)+dir*obj.v9)+"px"} else{obj.v7[k].style.left=(parseInt(obj.v7[Math.abs(1-k)].style.left)+dir*obj.v8+Math.abs(1-k)*dir*obj.v9)+"px"}break;}}} function xsellmouseover(obj,el,lbl){var wh=obj.w2+'px',cp=document.getElementById("xsellcap_"+obj.z0); if (el.offsetWidth/el.offsetHeight>=1) {el.style.width=wh; el.style.height='auto';} else{el.style.height=wh; el.style.width='auto';} var os=parseInt(((obj.v4+obj.w5*2)- (obj.w2+obj.w4))/2); el=el.parentNode;el.style.zIndex=2; el.style.left=parseInt(el.style.left)+os+"px"; el.style.top =parseInt(el.style.top) +os+"px"; el.style.width =wh;el.style.height=wh; el.parentNode.parentNode.style.zIndex=1; el.style.borderWidth=(Math.max(obj.w4/2||1))+"px"; cp.innerHTML=lbl;} function xsellmouseout(obj,stp,el){var wh=obj.v4+'px', cp=document.getElementById("xsellcap_"+obj.z0); if (el.offsetWidth/el.offsetHeight>=1) {el.style.width=wh; el.style.height='auto';} else{el.style.height=wh; el.style.width='auto';} el=el.parentNode;el.style.zIndex=0; el.style.top=obj.w6%2>0?stp+'px':'0px'; el.style.left=obj.w6%2>0?'0px':stp+'px'; el.style.width=wh;el.style.height=wh; el.parentNode.parentNode.style.zIndex=0;el.style.borderWidth=obj.w5+"px";cp.innerHTML=cp.title;} /*===============================================*/ /* End of X*sell page script from ISDNtek.com */ /*===============================================*/ </script><span style="display:none">xsell2</span> <!-- end of X*sell gallery, common code module --> <!-- Add data blocks wherever a gallery is to appear --> <script type="text/javascript"> /*===========================================================*/ /* "Quotes" or inch-marks inside captions will kill gallery. */ /* If editing gallery by hand, replace quotes with "”" */ /*===========================================================*/ xsellGallery(0,"ebay.com",[ [/*-- "thumb URL", "link URL", "item#", "item caption" --*/] ,["http://cqr-products.angelfire.com/ebaycqr/bondageslide01.png","http://stores.ebay.co.uk/cqr-products-sales","","Click here:"] ,["http://cqr-products.angelfire.com/ebaycqr/bondageslide02.png","http://stores.ebay.co.uk/cqr-products-sales","","Click here:"] ,["http://cqr-products.angelfire.com/ebaycqr/bondageslide03.png","http://stores.ebay.co.uk/cqr-products-sales","","Click here:"] ,["http://cqr-products.angelfire.com/ebaycqr/bondageslide04.png","http://stores.ebay.co.uk/cqr-products-sales","","Click here:"] ,["http://cqr-products.angelfire.com/ebaycqr/bondageslide05.png","http://stores.ebay.co.uk/cqr-products-sales","","Click here:"] ,["http://cqr-products.angelfire.com/ebaycqr/bondageslide06.png","http://stores.ebay.co.uk/cqr-products-sales","","Click here:"] ,["http://cqr-products.angelfire.com/ebaycqr/bondageslide07.png","http://stores.ebay.co.uk/cqr-products-sales","","Click here:"] ,["http://cqr-products.angelfire.com/ebaycqr/bondageslide08.png","http://stores.ebay.co.uk/cqr-products-sales","","Click here:"] ,["http://cqr-products.angelfire.com/ebaycqr/bondageslide09.png","http://stores.ebay.co.uk/cqr-products-sales","","Click here:"] ,["http://cqr-products.angelfire.com/ebaycqr/bondageslide10.png","http://stores.ebay.co.uk/cqr-products-sales","","Click here:"] ],"Please visit my eBay shop-","arial, sans-serif","14","normal normal" ,"#999999","#cccccc","#FFFFFF","#444749","680","120","95%","0","2","0","left","40") </script></center> <!-- end of gallery data block -->