1
I'm trying to figure out how to convert the DIV tags from the
BlueX (great looking) centerblocks theme to a table, but can't quite get it. Can someone convert for me:
<div style="padding: 5px;">
<div class="conContainer">
<div class="con_tl"><div class="con_tr"><div class="con_br"><div class="con_bl">
<div class="conTitle"><{$block.title}>div>
<div class="blockContent"><{$block.content}>div>
div>div>div>div>div>div>
With the CSS of
.conTitle {/font-size: 110%;font-weight: bold;text-decoration: none;margin: 0px 0px .2em 0px;padding: 12px 0px 10px 38px;background-image:url(images/bluex/colt.gif); background-repeat: no-repeat;color: #1d1d1d1d;}
.conIcons {float: right;position: relative;font-size: 0.85em;top: -25px;right: 5px;}
.con_tl {background-image: url(images/bluex/tl.gif);background-position: 0% 0%;background-repeat: no-repeat;position: relative;top: -1px;left: -1px;}
.con_tr {background-image: url(images/bluex/tr.gif);background-position: 100% 0%;background-repeat: no-repeat;position: relative;left: 2px;}
.con_br {background-image: url(images/bluex/br.gif);background-position: 100% 100%;background-repeat: no-repeat;position: relative;top: 2px;}
.con_bl {background-image: url(images/bluex/bl.gif);background-position: 0% 100%;background-repeat: no-repeat;position: relative;left: -2px;padding: .8em;overflow: hidden;}
.conContainer {background-image: url(images/bluex/bg.jpg);border: 1px solid #D0D0E0;position: relative;margin-bottom: 10px;z-index: 0;}
to a table?
I have a table of data that I'm using in the TinyD module that I want to match the theme. Basically make the content of the table look like the blocks.
Thanks.
