Hep!!

liunx

Guest
Hello again..can someone help me?<br />
<br />
<!-- m --><a class="postlink" href="http://www.angelfire.com/nv2/lordoftherings/Chiroindex.htm">http://www.angelfire.com/nv2/lordofther ... oindex.htm</a><!-- m --><br />
<br />
For some reason I can't get rid of these stupid bars repeating themselves across! If you look at the source maybe you can help. The name of the bars/images that are repeating themsleves is link2.GIF, here is part of the code, i think the problem is somewhere in here,<br />
<tr> <br />
<td colspan=3 background="images/links2.gif"> <br />
<table width="100%" border="0" cellspacing="0" cellpadding="0" background="images/links2.gif" bordercolor="#CC0000"><br />
<tr> <br />
Thanks a lot. Any help would be appreciated!<br />
<br />
<!-- m --><a class="postlink" href="http://www.angelfire.com/nv2/lordoftherings/Chiroindex.htm">http://www.angelfire.com/nv2/lordofther ... oindex.htm</a><!-- m --><br />
<!-- m --><a class="postlink" href="http://www.angelfire.com/nv2/lordoftherings/Chiroindex.htm">http://www.angelfire.com/nv2/lordofther ... oindex.htm</a><!-- m --><!--content-->Haven't checked your page, but the problem will be that when you use the background property as part of the body or table tag, then it repeats by default. What you need to do is set the background using css instead so you can have more control over it.<br />
<br />
Add this to your <head> section and remove the background property from your <body> tag.<br />
<br />
<style type="text/css"><br />
<br />
body {<br />
background-image: url(images/links2.gif);<br />
background-repeat: no-repeat;<br />
}<br />
<br />
</style><br />
<br />
<br />
That'll stop it repeating across your page. You may need to do the same for the table too.<!--content-->Whay not make that:<br />
<br />
<style type="text/css"><br />
<!--<br />
body {<br />
background-image: url(images/links2.gif);<br />
background-repeat: no-repeat;<br />
}<br />
--><br />
</style><br />
<br />
so that the code is hidden from older browsers.<!--content-->In fact why not make it:<br />
<br />
<style type="text/css"><br />
<!--<br />
body {<br />
background: url(images/links2.gif) no-repeat;<br />
}<br />
--><br />
</style><br />
<br />
and save yourself some typing and make it technically "more" correct.<br />
<br />
Neil<!--content-->Or you could just make the image larger but the suggestions above would be better ;)<!--content-->
 
Back
Top