CSS for a container made from 3 images -
CSS for a container made from 3 images -
as titles says, i'm trying create container has top image of no-repeat propery, middle 1 going repeat vertically , bottom 1 going identical top one.so, problem can't eliminate padding between each of them correctly, i've tried if advertisement content in container messes al up.all need guidance of got remove paddings correctly , display content without gaps.
i've made simple "demo" more clearly.
do this. each box variable in height!
<div id"box"> <div class="top_image"><!-- --></div> <div class="mid-image"> <p>hello world!</p> </div> <div class="bottom_image"><!-- --></div> </div>
your css:
#box div.top-image { background: url(img/top-image.png) 0 0 no-repeat; height: //your height; } #box div.mid-image { background: url(img/mid-image.png) 0 0 repeat-y; } #box div.bottom-image { background: url(img/bottom-image.png) 0 0 no-repeat; height: //your height; }
css containers
Comments
Post a Comment