ansaurus

Question

Answer 1

+1 A:

You just need the background-position property to be set:

background-position: 0px 20px;
background-repeat: repeat-y;

Justin Niessner 2010-09-21 15:37:46

Answer 2

A:

You are talking of the background of a div??

<div style ="margin-top :20px; 
             background-repeat: repeat-y;
             background:url(yourBackgroundUrl)">

loxxy 2010-09-21 15:38:04

A). never *ever* style inline and B). doesn't have to be a DIV

annakata 2010-09-21 15:55:56

loxxy 2010-09-21 16:02:48

Answer 3

+2 A:

.yourClass{
    background: url(images/yourImage.png) repeat-y;
    background-position: 0px 20px;
}

Dutchie432 2010-09-21 15:39:13

this does not work (tested with webkit based browsers) background position has no effect. or teh repeat y goes beyond the start position.

DerNalia 2010-09-21 16:17:23

Answer 4

+1 A:

I prefer the shorthand method:

.yourClass {
    background: url(../images/yourImage.png) repeat-y 0 20px;
}

Jon Harding 2010-09-21 16:02:07

CSS: background position with repeat?