How to repeat a back-ground over a background?

legendandom

legendandom

New Member
Ok guys, can you help me with this?

I Have an image wich is 555px height. And in about 200 px down the page my content area begins, leaving more 355px of the back ground.
What Id like to do is apply some rule that after the image background ends in th 555th px, another background should take place and repeat in the x axis... How can I do it?
 
C

craftygeek

New Member
Its a little tricky to say exactly without seeing the code - but I'd say that you want to wrap the first image with a div, & apply the tiled background to that div. The tiled background will then show below the image.
 
legendandom

legendandom

New Member
Yes! It's just like that, I figured out just at the time I was reading your post.
The thing is to have a div wich the background should be the one repeating and inside that div another div with a no-repeat background, so when the inner div image ends the outer div img will take over making the effect i want.

Thx for the help!
 
K

kollkolen

New Member
The code below shows you how to repeat a background image with CSS.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Web Development Tutorials.com</title>
<style type="text/css">
body
{
background-image:
url('imagewebdevelopmenttutorials1w244h33.jpg');
background-repeat: repeat;
}
</style>

</head>
<body>
</html>
 
You must log in or register to reply here.
Top