4 replies to this topic

[squr3l]

im coding my site and i cant remember how to make an image repeat without stretching it, i need it in this table and i want the 20px wide image to repeat 100% the width of the column
if anyone knows how to set that up itd be great, thanx i tried searching the tuts but didnt find anything except image maps >.>

Attached Files

•  dreamweaver.JPG   170.33KB   60 downloads

[NGPixel]

i guess you want to right 1px of your image to repeat?

Then you need to use CSS background-image to repeat a 1px image then set background-repeat:repeat-x;

[squr3l]

well i need it to be the 20 px image because is has the 20 px wide scan lines, but thanx for the code =)

[Mark]

Or, simply:

yourclassname {
background: repeat-x;
}

[Hayden]

i guess you want to right 1px of your image to repeat?

Then you need to use CSS background-image to repeat a 1px image then set background-repeat:repeat-x;

well i need it to be the 20 px image because is has the 20 px wide scan lines, but thanx for the code =)

What NG said. You just need to make your picture you are wanting to tile 20px wide.

body {
	background: #fff url('image.jpg') repeat-x fixed top;
}

I believe something like that if you want it all in one line.

body {
	background: #fff url('image.jpg') repeat fixed bottom;
}

Like that if you want it to repeat both the x and y axis

Edited by SpatialVisionary, 04 December 2006 - 02:43 AM.