OK, i have 2 questions that are basically about the same concept, linking. I know this is a very basic principle, but i really never learned how (as far as i know, these links work fine), so please bare with me.
I have two scripts (one JS and one CSS) that work fine when written in my HTML document, but when i try to link them, they dont work, can anyone tell me what im doing wrong please?

Non-Linking Page (with relevant script--does work):
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <!-- Some of the header i have also left blank just for this example -->
	
    <title> </title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <meta name="kwrd" content=" " />
    <meta name="desc" content=" " />
    <script language="javascript" type="text/javascript">
    <!-- Hide from old browsers

      adImages = new Array("/images/banner1.jpg","/images/banner2.jpg","/images/banner3.jpg")
      thisAd = 0
      imgCt = adImages.length
      function rotate() {
      if (document.images) {
      thisAd++
      if (thisAd == imgCt) {
      thisAd = 0
      }
      document.adBanner.src=adImages[thisAd]
      setTimeout("rotate()", 3 * 1000)
      }
      }
      // End hide script from old browsers -->
      </script>
      <style type="text/css">
        div#background {background: #808080;}	
      </style>
  </head>
  
  <!-- I have scipped over most of this part of the document, but this is the relevant script -->
  
        <td valign="top"  width="200">
          <table align="left" border="1" width="200">
            <tr>
              <td align="center">
                <body onload="rotate()">
                  <img src="/images/banner2.gif" height="150" width="200" name="adBanner" alt="Banner" />
	        </body>
              </td>
            </tr>
          </table>
        </td>
      </tr>
	  
  <!-- End of Relevant Script -->
Linking Page (with relevant script--does NOT work)
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <!-- Some of the header i have also left blank just for this example -->
	
    <title> </title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <meta name="kwrd" content=" " />
    <meta name="desc" content=" " />
    <script src="/script/script1.js" language="javascript" type="text/javascript"></script>
    <style src="/styles/style1.css" type="text/css"></style>
  </head>
  
  <!-- I have scipped over most of this part of the document, but this is the relevant script -->
  
        <td valign="top"  width="200">
          <table align="left" border="1" width="200">
            <tr>
              <td align="center">
                <body onload="rotate()">
                  <img src="/images/banner2.gif" height="150" width="200" name="adBanner" alt="Banner" />
	        </body>
              </td>
            </tr>
          </table>
        </td>
      </tr>
	  
  <!-- End of Relevant Script -->
Link 1 (Javascript)
Code:
<!-- Hide from old browsers

adImages = new Array("/images/LaPuertaAbierta.jpg","/images/Getsemani1.jpg","/images/CentroCristianoShekina.jpg")
thisAd = 0
imgCt = adImages.length
function rotate() {
if (document.images) {
thisAd++
if (thisAd == imgCt) {
thisAd = 0
}
document.adBanner.src=adImages[thisAd]
setTimeout("rotate()", 3 * 1000)
}
}

// End hide script from old browsers -->
Link 2 (CSS)
Code:
div#background {background: #808080;}
Thank you for your time.