html - Repeat image to extend header to fill screen -


i have header (2300x328px) , image (456x328px). want second image extend header left , right, header fills whole width availiable.it needs connect without overlapping, because there pattern. here image of mean: http://imgur.com/0ji3hae circles pattern (why should not overlap) , images extend header can repeated infinitely.

for pattern align need align background pattern according header image (ex. center, left etc) , make sure pattern starts @ right place.

i made fiddle explain mean - http://jsfiddle.net/taneleero/g99xa/

.header {     background:url(http://i.imgur.com/bzvtzl4.jpg) repeat-x center; }  .header img {     display:block;     margin:0px auto; } 

Comments

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

javascript - Backbone.js getting target attribute -