Image is not tiling

[acummins]

Hi guys

I just cannot tile the background image on the main page. The image is placed like domino boxes one on the top of the other. The code below is what I have:

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
background-image: url(../images/tile.jpg);
background-repeat: repeat-y;
color: #000000;
background-color: #e5edf5;
}

The image is a two-coloured, linear fill type rectangle box. Do I need some extra code in the CSS file or something else?

Will appreciate any help.

[kobra]

I just cannot tile the background image on the main page. The image is placed like domino boxes one on the top of the other. The code below is what I have:

No link to your site??? Can not see anything you have???

But as a guess try:

background-repeat: repeat;

[acummins]

No link to your site??? Can not see anything you have???

I have no web site yet, just working locally. I'll give it a try to see if it works.

[acummins]

Kobra,

I changed the code as you suggested. The dimensions of the image was 2(W) x 1500(H) px. It worked. However, when I decreased the dimensions to 5x300 px, it started behaving as before. I attach the screenshot so you can see how exactly it looks.

[rstevenson]

That looks exactly as I would expect it to look. The 300px high image fills across one row 300 px high, and then it steps down and fills across another row 300 px high, and so on to the height of the viewport.

What else are you trying to achieve?

Rob

[kobra]

For the tall image - repeat-x - would have been the correct style