How to repeat a diagonal background?

I’ve done horizontal and vertical striped background repeats before but never diagonals.

I have it drawn out in PS. Need to convert to CSS.


There’s no real difference in repeating diagonals you just have to make sure the start and end points match up.

If you post your image then we’ll show you how to slice it.

So in PS I just zoom all the way in and select a square of it making sure I get the beginning and end of it?

What’s the CSS for it?

	background-image: url(images/head_bkg.jpg);
	background-repeat: repeat-x;

And then set the height however tall I want the header?

Cool I got it…

	background-image: url(images/head_bkg.jpg);
	height: 100px;
	background-repeat: repeat;

Glad you sorted it - You never know what you can do until you try :slight_smile: