Question

I try to use two repeat background image in x direction for my div.But i can’t.How can i use two repeat image in X direction in my div(i.e,i need to divide my singe div into two equal parts.For my first part i need to use my first image with background repeat-x and then rest part should be fill with my second image in repeat-x direction).Please help me

Answer 1

Without your code can’t really know what your going for but I would do this:

<div class="outer_div">
    <div class="left_half"></div>
    <div class="right_half"></div>
</div>

<style>
.outer_div{
    width: 500px; /*or whatever you need the width to be */
}
.left_half{
    background-image: url("your image here") repeat-x;
    width: 50%;
    float:left;
}
.right_half{
    background-image:url("your image here") repeat-x;
    width: 50%;
    float:right;
}
</style>