Chadi
06-03-2012, 02:04 AM
I put a small custom table (element 4.2.0) on forumhome to include a shoutbox. I was told last week what the proper table code is and it works fine, to replicate the look of the rest of the forum tables and side blocks on home page (rounded left/right corners, bottom rounded corners, etc)
However, the grewish light solid border is missing and I'm not sure what the class code is for that.
The code I'm using for the table is
<div class="vbcat">
<div class="vbcat_left">
<div class="vbcat_right">
<a class="collapse" id="collapse_shoutbox" href="{vb:raw relpath}#top"><img src="{vb:stylevar imgdir_button}/collapse{vb:raw vbcollapse.collapseimg_album_content_img}_40b.png" alt="{vb:rawphrase collapse_this_category}" /></a>
<span style="float:left"><strong>Shoutbox</strong></span>
</div>
</div>
</div>
<table border="0" width="100%" align="center">
<tr>
<td>
<div id="shoutbox" style="margin-bottom:5px">
<!-- BEGIN CBOX - www.cbox.ws (http://www.cbox.ws) - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="100%" height="185" src="http://www.cbox.ws/box/?boxid=439&boxtag=7868&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain1-439"" id="cboxmain1-439"></iframe></div>
<div><iframe frameborder="0" width="300" height="60" src="http://www.cbox.ws/box/?boxid=439&boxtag=7868&sec=form&nme={vb:raw cboxnme}&nmekey={vb:raw cboxkey}&pic={vb:raw cboxav}&lnk={vb:raw cboxav}" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform1-439" id="cboxform1-439"></iframe></div>
</div>
<!-- END CBOX -->
</div>
</td>
</tr>
</table>
<div class="vbcat_bottom"><div class="vbcat_bottom_left"><div class="vbcat_bottom_right"></div></div></div>This is how it appears in sideblock (light grey border)
https://vborg.vbsupport.ru/attachment.php?attachmentid=138893&d=1338693241 (http://postimage.org/image/7iuoiwn13/)
This is how my code above is resulting, no borders
https://vborg.vbsupport.ru/attachment.php?attachmentid=138894&d=1338693241 (http://postimage.org/image/yp3c817cj/)
Any help appreciated.
However, the grewish light solid border is missing and I'm not sure what the class code is for that.
The code I'm using for the table is
<div class="vbcat">
<div class="vbcat_left">
<div class="vbcat_right">
<a class="collapse" id="collapse_shoutbox" href="{vb:raw relpath}#top"><img src="{vb:stylevar imgdir_button}/collapse{vb:raw vbcollapse.collapseimg_album_content_img}_40b.png" alt="{vb:rawphrase collapse_this_category}" /></a>
<span style="float:left"><strong>Shoutbox</strong></span>
</div>
</div>
</div>
<table border="0" width="100%" align="center">
<tr>
<td>
<div id="shoutbox" style="margin-bottom:5px">
<!-- BEGIN CBOX - www.cbox.ws (http://www.cbox.ws) - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="100%" height="185" src="http://www.cbox.ws/box/?boxid=439&boxtag=7868&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain1-439"" id="cboxmain1-439"></iframe></div>
<div><iframe frameborder="0" width="300" height="60" src="http://www.cbox.ws/box/?boxid=439&boxtag=7868&sec=form&nme={vb:raw cboxnme}&nmekey={vb:raw cboxkey}&pic={vb:raw cboxav}&lnk={vb:raw cboxav}" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform1-439" id="cboxform1-439"></iframe></div>
</div>
<!-- END CBOX -->
</div>
</td>
</tr>
</table>
<div class="vbcat_bottom"><div class="vbcat_bottom_left"><div class="vbcat_bottom_right"></div></div></div>This is how it appears in sideblock (light grey border)
https://vborg.vbsupport.ru/attachment.php?attachmentid=138893&d=1338693241 (http://postimage.org/image/7iuoiwn13/)
This is how my code above is resulting, no borders
https://vborg.vbsupport.ru/attachment.php?attachmentid=138894&d=1338693241 (http://postimage.org/image/yp3c817cj/)
Any help appreciated.