background image help :D

[runnerjp]

hey guys i have this as my back ground image at the moments

 

<style type="text/css">
<!--
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
background-color: #FFFFFF;
background-image: url(http://www.runnerselite.com/images/bkground.jpg);
background-repeat: repeat-x;
}

-->
            </style>

 

i want to add anouther background image and this time repeat it along the y access how would i do this?

 

[ToonMariner]

you need to add a background to the html selector in css

 

html

{

background-image: url(blahblah) repeat-y;

[runnerjp]

what do you mean by this ?? im new to css

[ToonMariner]

<style type="text/css">
<!--
html {
	background: #FFFFFF url(http://www.runnerselite.com/images/OTHER IMAGE.jpg repeat-y;}

body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
background: transparent url(http://www.runnerselite.com/images/bkground.jpg repeat-x;
}

-->
            </style>

[runnerjp]

ok i typed in this

 

<style type="text/css">
<!--
html {
	background-image: #FFFFFF url(http://www.runnerselite.com/images/linedown.jpg;
background-repeat: repeat-y;
background-position:0px 155px}

body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
background-image: transparent url(http://www.runnerselite.com/images/line.jpg;
background-repeat: repeat-y;
background-position:15px 0px
}

-->
            </style>

 

and nothing happend ??

[AndyB]

Do as ToonMariner suggested - don't forget to close the url( bracket:

 

background-image: #FFFFFF url(http://www.runnerselite.com/images/linedown.jpg);

background-repeat: repeat-y;

background-position:0px 155px;}

[runnerjp]

nope tired it and it failed to work

 

 

<style type="text/css">
<!--
html {
	background-image: #FFFFFF url(http://www.runnerselite.com/images/linedown.jpg);
background-repeat: repeat-y;
background-position:0px 155px;}

body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
background-image: transparent url(http://www.runnerselite.com/images/line.jpg);
background-repeat: repeat-y;
background-position:15px 0px;
}

-->
            </style>

[ToonMariner]

you have put two values in background image!!!

 

either us the short hand as I did or set background-color separately.

 

If this doesn't work then your problem is more than likely else where...

 

<style type="text/css">
<!--
html {
background: #FFFFFF url(http://www.runnerselite.com/images/linedown.jpg) repeat-y 0px 155px;
}

body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
background: transparent url(http://www.runnerselite.com/images/line.jpg) repeat-x 15px 0px;
}

-->
</style>