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):
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 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 -->
Link 1 (Javascript)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 2 (CSS)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 -->
Thank you for your time.Code:div#background {background: #808080;}