I want to create a banner using two images. 1. Here is the main banner, I want it to start on the left of the screen. http://www.topcarnews.com/banner/banner.jpg 2. and this is the image that I want to repeat 100% at the end of the banner. http://www.topcarnews.com/banner/bannerbk.jpg I tried doing it myself but it looks like crap. http://www.topcarnews.com My code: <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#000000"><div align="left"><img src="/banner/banner.jpg" width="948" height="177"><td background="/banner/bannerbk.jpg"><div align="left"><img src="/banner/bannerbk.jpg" width="25" height="177"></div></td></div></td> </tr> </table> HTML:
the reason it looks bad is because the repeating image you want to use is not tileable/seamless. basically without altering that image - you are always going to see the edges of each one. you need to change it so that when you copy and paste two or more together, you cant tell that they are seperate. so in summing up - its not a coding problem you have, but an image one
Yep. There's no easy way to fix it... I'd just extend the image out as much as possible without tiling.
Not entirely understand exactly what you need, but you could try this: <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#000000" valign="left"> <img src="http://www.topcarnews.com/banner/banner.jpg"> </td> <td bgcolor="#000000"> <img src="http://www.topcarnews.com/banner/bannerbk.jpg"> </td> </tr> </table> Code (markup):