http://www.icyphoenix.com/viewtopic.php?f=36&t=6040&p=41095#p41095
-----------------------------------
DWho
Thu 09 Jul, 2009 16:51

Re: Help With Block Images
-----------------------------------
[quote user="elpulgas" post="41094"]Well, that's more or less what I posted

Use something like this instead:
[code linenumbers=false]<style type="text/css">
.box-center {background: url("images/color/center.png") 0 center repeat-y #f7f7f7;margin-bottom:5px;}
.box-bottom {background: url("images/color/bottom.png") 0 100% no-repeat;}
.box-top {background: url("images/color/top.png") 100% 0 no-repeat; padding: 10px 8px 11px;}</style>

<div class="box-center"><div class="box-bottom"><div class="box-top">
content here...
</div></div></div> [/code]

Note that your top and bottom images are wider than the center image so you'll have to fix them for this to work. The padding can be adjusted as you need it. And if you want to use the {IMG_THL}{IMG_THC} codes, simply go to default.cfg and edit their values...like {IMG_THL}=$images.img_thl or something, find the variable ($images...) and edit the contet. It will have some divs in it. just put your around, or replace some, idk just try it out.

PS: If you have Firefox you can try your CSS with Firebug  :mrgreen:[/quote]

Thanks for the info.... and my apologise for not reading your first post correctly... my only excuse was it was late and i was tired...

Thanks again I really appreciate the help...

thanks for the tip regarding firebug I was using a different add on for css but this one looks alot more interesting..

 :mrgreen:  :mrgreen: