...

View Full Version : How to stretch and repeat an image for background



misheck
11-04-2011, 12:56 AM
I need to create a background image for my top navigation for website so instead of creating a long stretched image which will be big I need to create a small image/strip that will be repeated across the width so that it will be a very tiny image and will not slow my website.

So lets say my navigation is (Width X Height) 900px X 10px I will make a small strip of 10px X 10px and then repeat it across the width.

Sorry its a dumb question but I am new to CSS.

Sammy12
11-04-2011, 01:03 AM
background: url('image.png') repeat;


or separately:


background-image: url('images.png');
background-repeat: repeat-x;
or
background-repeat: repeat-y;
or
background-repeat: repeat; (both x&y)

misheck
11-04-2011, 01:05 AM
Thanks for the help.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum