Background image repats along y-axis Options

[MikeNY711]

Hi, I have a question.
I have this image that borders the content and the bg image. how can i make it repeat along the y axis?
As you can see I have tried but for some reason it create several of the image along one line

http://freespaces.com/ballersunionv2/ourketubah.html

[pandy]

Lots of errors here...

CODE

<td background="http://img151.imageshack.us/img151/2356/okbordernq9.gif
"><img src="http://img151.imageshack.us/img151/2356/okbordernq9.gif" repeat:"y-axis" /></td>

It's 'background-repeat' not 'repeat'. The value you want is 'repeat-y', not 'y-axis'. This can only be used with background images, not inline images. It should be in a style sheet or style attribute, not directly in the HTML.

CODE

<td style="background: url(http://img151.imageshack.us/img151/2356/okbordernq9.gif) repeat-y">

'background' is shorthand for all background properties. If you want to write them out you do it like so...

CODE

<td style="background-image: url(http://img151.imageshack.us/img151/2356/okbordernq9.gif);
background-repeat: repeat-y">

You can read more about this hrere: http://www.w3.org/TR/CSS2/colors.html#q2 .

You also have other errors. Two BODY for instance.

[stjepan]

Two bodies are better the one. Usually

[pandy]

Why did the board make a line break in the code example? There should not be a space between 'url' and the parenthesis.

CODE

url(http://img151.imageshack.us/img151/2356/okbordernq9.gif);

(If I write it all the board makes a line break again)

[MikeNY711]

Thanks but my page is still messed up. How can I have those buttons in the center and the borders still goin down the entire page?

[pandy]

You must use the background with an element that is as high as the page. Your page is all blank now and I don't remember exactly how it looked...

If you don't have a suitable element already you can wrap a DIV around the rest.

CODE

<div style="background: url(http:/...) top center repeat-y">
### Other HTML ###
</div>

That will place the bg image at the top center and tile it downwards.

[MikeNY711]

darn, still not working.... I put a table in between the div- one row with a banner, and anothe rrow with the 3 buttons.

its just not workin though

I'll read up on CSS at w3schools

[Frederiek]

You might want to start reading about the structure of an HTML 4 document and Where can I learn about HTML?. And then move to Where can I learn about CSS?.