1
I want to divide an image into three parts - a left, center and right - where the left is fixed width, the center is repeat-x, and the right is fixed width. I want to include this inside a block so that the image looks like it extends the entire width of the block for any given block size.
Take the center column block for example. My theme for this block is as follows:
<!-- Display center blocks if any -->
<{if $xoops_showcblock == 1}>
<table cellspacing="0">
<tr>
<td id="centerCcolumn" colspan="2">
<!-- Start center-center blocks loop -->
<{foreach item=block from=$xoops_ccblocks}>
<div style="padding: 5px;">
<div class="blockTitle"><img src="<{$xoops_imageurl}Image.gif"></div>
<div class="blockContent"><{$block.content}></div>
</div>
<{/foreach}>
<!-- End center-center blocks loop -->
Now, where I have the Image.gif, instead of a single image I want to be able to include three, as I described above. How would I implement this? Any pointers would be appreciated. Cheers.
