I would like to take an image and put horizontal lines running through it. I’m not sure how to describe the effect, but look at the background on this page:
http://www.netstudio.com/
Although this is a solid colour and probably has a very small tile that is repeated, I would like to get a similar effect for an image.
Is there software that can do this automatically, or do you have to tediously had draw every horizontal line?
Andy
<div id="bg_image"> <div id="bg_tile"></div> </div>
#bg_image {
background:url(images/yourimage.jpg) no-repeat;
height:200px; /* whatever the hight of your image is */
width:784px; /* whatever the widthe of your image is */
}
#bg_tile {
background:url(tile.gif); /* will repeat x & y across your image */
height:100%;
width:100%;
opacity:.5; /* you can use this if you want to, but I don't know if it will validate (it's CSS3)*/
}
#bg_tile {
background:url(tile.gif); /* will repeat x & y across your image */
height:100%;
width:100%;
opacity:.5; /* you can use this if you want to, but I don't know if it will validate (it's CSS3)*/
}
