PDA

Click to See Complete Forum and Search --> : Tiling an image horizontally?

Slinkiroth
08-05-2007, 01:32 PM
Hi there. :)

I'm wanting to tile an image width ways only and have no idea how to do it... I've been searching around but had no luck. Can anyone help me out?

Thanks a lot for any advice :)
coothead
08-05-2007, 02:12 PM
Hi there Slinkiroth,

you can see an example here...
horizontally tiled image (http://mysite.orange.co.uk/azygous/tiled.html)
...and the code here...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>horizontally tiled image</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
#tile {
height:280px;
padding:10px;
border:1px solid #999;
text-align:center;
background-image:url(images/anim3.gif);
background-repeat:repeat-x;
background-position:0 100px;
}
</style>

</head>
<body>

<div id="tile">this is a 100px by 100px image tiled horizontally</div>

</body>
</html>
coothead
Slinkiroth
08-05-2007, 02:24 PM
Thank you very much! :D
coothead
08-05-2007, 02:31 PM
No problem, you're very welcome. ;)