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
Post a Comment