PDA

View Full Version : Template Links not working


nivek516
03-06-2009, 06:13 PM
I am creating a site using nested templates in Dreamweaver. Using the document root link set up, I have Dreamweaver automatically create my links. When I view the page in Mozilla Firefox, the entire site works. When I view the page in Internet Explorer 7, none of the links work and the javascript for the top navigation menu and rounded div tag corners will not work. After looking at the source of the file, I see that the "../" in the link is still there. I take it that firefox can read it but IE can't. Is this true? Isn't DW supposed to automatically match the path of your links on the site??

This is the link where I used the top navigation menu: Here (http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/)

Link about the rounded div tag corners: Here (http://www.methvin.com/jquery/jq-corner-demo.html)

I hope the code below shows you what I am talking about:

<!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"><!-- InstanceBegin template="/Templates/about_us.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Reitz Memorial High School - Evansville, IN</title>
<!-- InstanceEndEditable -->
<link rel="icon" type="image/ico" href="../_images/favicon.ico">
<link href="../style.css" rel="stylesheet" type="text/css" />
<link href="../jqueryslidemenu.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
html #rightcont {width: 625px;}
html #leftnav {width: 190px;}
html #leftnav h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #f2f2f2; margin-bottom: 0px; margin-top: 0px;}
</style>
<![endif]-->
<!--Begin TOP NAV MENU JAVASCRIPT-->
<script type="text/javascript" src="http://home.insightbb.com/~kmps2/mhs.evansville.net/jquery.min.js"></script>
<script type="text/javascript" src="../jqueryslidemenu.js"></script>
<!--Begin ROUNDED CORNER JAVASCRIPT-->
<!-- <script src="http:/www.google.com/jsapi"></script>
<script>google.load("jquery", "1.2.6")</script>
<script src="../jquery.corners.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.rounded').corners("top 15px");
$('.rounded').corners("top 15px"); /* test for double rounding */
});
</script>-->
<script type="text/javascript" src="../x.js"></script>

<script type="text/javascript">
function adjustLayout()
{
// Get natural heights
var cHeight = xHeight("leftnav");
var lHeight = xHeight("rightcont");

// Find the maximum height
var maxHeight =
Math.max(cHeight, Math.max(lHeight));

// Assign maximum height to all columns
xHeight("leftnav", maxHeight);
xHeight("rightcont", maxHeight);

// Show the footer
xShow("footer");
}

window.onload = function()
{
xAddEventListener(window, "resize",
adjustLayout, false);
adjustLayout();
}
</script>
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
</head>

<body>
<div id="container">
<!--begin TOP DROPDOWN MENU-->
<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li style="border-left: 1px solid #325579;"><a href="../index.html">HOME</a></li>
<li><a href="index.html">ABOUT US </a>
<ul>
<li><a href="history.html">History</a></li>
<li><a href="tour.html">Virtual Tour</a></li>
<li><a href="crest.html">Coat of Arms</a></li>
<li><a href="blueribbon.html">Blue Ribbon Award</a></li>
<li><a href="faq.html">Common Questions</a></li>
</ul>
</li>
<li><a href="../academics/index.html">ACADEMICS</a>
<ul>
<li><a href="../academics/profile.html">School Profile</a></li>
<li><a href="../academics/guidance/index.html">Guidance &amp; Counseling</a></li>
<li><a href="../academics/media_center/index.html">Media Center</a></li>
<li><a href="../academics/courses.html">Course Catalog</a></li>
</ul>
</li>
<li><a href="../athletics/index.html">ATHLETICS</a>
<ul>
<li><a href="../athletics/fallsports/index.html">Fall Sports</a>
<ul>
<li><a href="../athletics/fallsports/crosscountry.html">Cross Country</a></li>
<li><a href="../athletics/fallsports/volleyball.html">Volleyball</a></li>
<li><a href="../athletics/fallsports/football.html">Football</a></li>
<li><a href="../athletics/fallsports/ggolf.html">Girls Golf</a></li>
<li><a href="../athletics/fallsports/bsoccer.html">Boys Soccer</a></li>
<li><a href="../athletics/fallsports/gsoccer.html">Girls Soccer</a></li>
<li><a href="../athletics/fallsports/btennis.html">Boys Tennis</a></li>
</ul>
</li>
<li><a href="../athletics/wintersports/index.html">Winter Sports</a>
<ul>
<li><a href="../athletics/wintersports/bswimming.html">Boys Swimming</a></li>
<li><a href="../athletics/wintersports/gswimming.html">Girls Swimming</a></li>
<li><a href="../athletics/wintersports/bbasketball.html">Boys Basketball</a></li>
<li><a href="../athletics/wintersports/gbasketball.html">Girls Basketball</a></li>
<li><a href="../athletics/wintersports/wrestling.html">Wrestling</a></li>
</ul>
</li>
<li><a href="../athletics/springsports/index.html">Spring Sports</a>
<ul>
<li><a href="../athletics/springsports/softball.html">Softball</a></li>
<li><a href="../athletics/springsports/baseball.html">Baseball</a></li>
<li><a href="../athletics/springsports/btrack.html">Boys Track</a></li>
<li><a href="../athletics/springsports/gtrack.html">Girls Track</a></li>
<li><a href="../athletics/springsports/gtennis.html">Girls Tennis</a></li>
<li><a href="../athletics/springsports/bgolf.html">Boys Golf</a></li>
</ul>
</li>
<li><a href="http:/www.highschoolsports.net/default3.cfm?scm=1&ltc=1&otc=1&ptc=1&school=IN477148783" target="_blank">HighSchoolSports.net</a></li>
</ul>
</li>
<li><a href="../student_life/index.html">STUDENT LIFE</a>
<ul>
<li><a href="../student_life/schedule.html">Weekly Schedule</a></li>
<li><a href="../student_life/lunchmenu.pdf" target="_blank">Lunch Menu</a></li>
<li><a href="../student_life/newsletters.html">Parent Newsletter</a></li>
<li><a href="../student_life/handbook.pdf">School Handbook</a></li>
<li><a href="../student_life/clubsactivities.html">Clubs &amp; Activities</a></li>
<li><a href="../student_life/ministry.html">Campus Ministry</a></li>
<li><a href="../student_life/calendar.html">School Calendar</a></li>
<li><a href="../student_life/youthfirst.html">Youth First</a></li>
</ul>
</li>
<li><a href="../contact_us/index.html">CONTACT US</a>
<ul>
<li><a href="../contact_us/administration.html">Administration</a></li>
<li><a href="../contact_us/faculty_directory.html">Faculty/Staff Directory</a></li>
<li><a href="../contact_us/mapdirections.html">Map &amp; Directions</a></li>
</ul>
</li>
<li><a href="#">LINKS</a>
<ul>
<li><a href="http:/reitz.schooloffice.com/reitz/parentconnect/" target="_blank">Parent Connection</a></li>
<li><a href="http:/reitz.schooloffice.com/reitz/sdsweboffice/teacherweb/" target="_blank">Teacher Connection</a></li>
<li><a href="http:/mhs.evansville.net/correspond-bin/login.cgi?F=1&LOGIN=&JAVASCRIPT=">Faculty Email Login</a></li>
<li><a href="http:/www.evansville-diocese.org/" target="_blank">Evansville Diocese</a></li>
<li><a href="../feeder_schools/index.html">Feeder Schools</a></li>
<li><a href="http:/mhs.evansville.net/ECIHS/ECIHS.htm">EICHS</a></li>
<li><a href="http:/www.thezonelive.com/zone/public/6/schoolHome.asp?i=393" target="_blank">The Zone</a></li>
</ul>
</li>
</ul>
<br style="clear: left" />
</div>
<!--end TOP DROPDOWN MENU-->

<!--begin MAIN BANNER IMAGE-->
<div id="banner"><img src="../_images/top.jpg" width="1024ex" height="174ex" border="0"/></div>
<!--end MAIN BANNER IMAGE-->
<div id="area" class="area">
<!--SECTION BANNER-->
<div id="sectionbanner" class="rounded {transparent}"><!-- InstanceBeginEditable name="SectionBanner" --><img src="../_images/academics.jpg" width="870" height="132" /><!-- InstanceEndEditable --></div>
<div id=equalheights">
<!--LEFT NAVIGATION MENU (Change class to "current" when on selected link.)-->

<div id="leftnav" class="rounded {transparent}">
<h1><a href="#">About Us</a></h1>
<!-- InstanceBeginEditable name="LeftNav" -->
<ul class="level1">
<li style="border-top: 1px #9FAFC0 dotted"><a href="history.html">School History</a></li>
<li><a href="tour.html">Virtual Tour</a></li>
<li><a href="crest.html">Coat of Arms</a></li>
<li class="current"><a href="blueribbon.html">Blue Ribbon Award</a></li>
<li><a href="faq.html">Common Questions</a></li>
</ul>
<!-- InstanceEndEditable --></div>

<!--MAIN CONTENT AREA-->

<div id="rightcont" class="rounded"><!-- InstanceBeginEditable name="RightContent" -->
<h1>National Blue Ribbon Award </h1>
<p align="center"><img src="_images/BlueRibbon.gif" width="200" height="204" /></p>
<p>Reitz Memorial High School of Evansville, Indiana, was named a National Blue Ribbon School of Excellence by the U.S. Department of Education for 2001-2002.&nbsp; Only a few hundred schools nationwide achieve this award of excellence.&nbsp; The National Blue Ribbon Award recognizes schools that are models of excellence and equity, that demonstrate a strong commitment to educational excellence for all students, and that achieve high academic standards.&nbsp;&nbsp; For more information on this excellent program, please visit the National Blue Ribbon website at <a href="http://www.ed.gov/offices/OERI/BlueRibbonSchools/" target="_blank">http://www.ed.gov/offices/OERI/BlueRibbonSchools/</a>.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<!-- InstanceEndEditable --></div>

</div>
<!--FOOTER-->
<div id="footer"></div>
</div>
</div>
</body>
<!-- InstanceEnd --></html>

Corrosive
03-06-2009, 06:26 PM
I am creating a site using nested templates in Dreamweaver. Using the document root link set up, I have Dreamweaver automatically create my links. When I view the page in Mozilla Firefox, the entire site works. When I view the page in Internet Explorer 7, none of the links work and the javascript for the top navigation menu and rounded div tag corners will not work. After looking at the source of the file, I see that the "../" in the link is still there. I take it that firefox can read it but IE can't. Is this true? Isn't DW supposed to automatically match the path of your links on the site??

This is the link where I used the top navigation menu: Here (http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/)

Link about the rounded div tag corners: Here (http://www.methvin.com/jquery/jq-corner-demo.html)

I hope the code below shows you what I am talking about:

<!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"><!-- InstanceBegin template="/Templates/about_us.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Reitz Memorial High School - Evansville, IN</title>
<!-- InstanceEndEditable -->
<link rel="icon" type="image/ico" href="../_images/favicon.ico">
<link href="../style.css" rel="stylesheet" type="text/css" />
<link href="../jqueryslidemenu.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
html #rightcont {width: 625px;}
html #leftnav {width: 190px;}
html #leftnav h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #f2f2f2; margin-bottom: 0px; margin-top: 0px;}
</style>
<![endif]-->
<!--Begin TOP NAV MENU JAVASCRIPT-->
<script type="text/javascript" src="http://home.insightbb.com/~kmps2/mhs.evansville.net/jquery.min.js"></script>
<script type="text/javascript" src="../jqueryslidemenu.js"></script>
<!--Begin ROUNDED CORNER JAVASCRIPT-->
<!-- <script src="http:/www.google.com/jsapi"></script>
<script>google.load("jquery", "1.2.6")</script>
<script src="../jquery.corners.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.rounded').corners("top 15px");
$('.rounded').corners("top 15px"); /* test for double rounding */
});
</script>-->
<script type="text/javascript" src="../x.js"></script>

<script type="text/javascript">
function adjustLayout()
{
// Get natural heights
var cHeight = xHeight("leftnav");
var lHeight = xHeight("rightcont");

// Find the maximum height
var maxHeight =
Math.max(cHeight, Math.max(lHeight));

// Assign maximum height to all columns
xHeight("leftnav", maxHeight);
xHeight("rightcont", maxHeight);

// Show the footer
xShow("footer");
}

window.onload = function()
{
xAddEventListener(window, "resize",
adjustLayout, false);
adjustLayout();
}
</script>
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
</head>

<body>
<div id="container">
<!--begin TOP DROPDOWN MENU-->
<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li style="border-left: 1px solid #325579;"><a href="../index.html">HOME</a></li>
<li><a href="index.html">ABOUT US </a>
<ul>
<li><a href="history.html">History</a></li>
<li><a href="tour.html">Virtual Tour</a></li>
<li><a href="crest.html">Coat of Arms</a></li>
<li><a href="blueribbon.html">Blue Ribbon Award</a></li>
<li><a href="faq.html">Common Questions</a></li>
</ul>
</li>
<li><a href="../academics/index.html">ACADEMICS</a>
<ul>
<li><a href="../academics/profile.html">School Profile</a></li>
<li><a href="../academics/guidance/index.html">Guidance &amp; Counseling</a></li>
<li><a href="../academics/media_center/index.html">Media Center</a></li>
<li><a href="../academics/courses.html">Course Catalog</a></li>
</ul>
</li>
<li><a href="../athletics/index.html">ATHLETICS</a>
<ul>
<li><a href="../athletics/fallsports/index.html">Fall Sports</a>
<ul>
<li><a href="../athletics/fallsports/crosscountry.html">Cross Country</a></li>
<li><a href="../athletics/fallsports/volleyball.html">Volleyball</a></li>
<li><a href="../athletics/fallsports/football.html">Football</a></li>
<li><a href="../athletics/fallsports/ggolf.html">Girls Golf</a></li>
<li><a href="../athletics/fallsports/bsoccer.html">Boys Soccer</a></li>
<li><a href="../athletics/fallsports/gsoccer.html">Girls Soccer</a></li>
<li><a href="../athletics/fallsports/btennis.html">Boys Tennis</a></li>
</ul>
</li>
<li><a href="../athletics/wintersports/index.html">Winter Sports</a>
<ul>
<li><a href="../athletics/wintersports/bswimming.html">Boys Swimming</a></li>
<li><a href="../athletics/wintersports/gswimming.html">Girls Swimming</a></li>
<li><a href="../athletics/wintersports/bbasketball.html">Boys Basketball</a></li>
<li><a href="../athletics/wintersports/gbasketball.html">Girls Basketball</a></li>
<li><a href="../athletics/wintersports/wrestling.html">Wrestling</a></li>
</ul>
</li>
<li><a href="../athletics/springsports/index.html">Spring Sports</a>
<ul>
<li><a href="../athletics/springsports/softball.html">Softball</a></li>
<li><a href="../athletics/springsports/baseball.html">Baseball</a></li>
<li><a href="../athletics/springsports/btrack.html">Boys Track</a></li>
<li><a href="../athletics/springsports/gtrack.html">Girls Track</a></li>
<li><a href="../athletics/springsports/gtennis.html">Girls Tennis</a></li>
<li><a href="../athletics/springsports/bgolf.html">Boys Golf</a></li>
</ul>
</li>
<li><a href="http:/www.highschoolsports.net/default3.cfm?scm=1&ltc=1&otc=1&ptc=1&school=IN477148783" target="_blank">HighSchoolSports.net</a></li>
</ul>
</li>
<li><a href="../student_life/index.html">STUDENT LIFE</a>
<ul>
<li><a href="../student_life/schedule.html">Weekly Schedule</a></li>
<li><a href="../student_life/lunchmenu.pdf" target="_blank">Lunch Menu</a></li>
<li><a href="../student_life/newsletters.html">Parent Newsletter</a></li>
<li><a href="../student_life/handbook.pdf">School Handbook</a></li>
<li><a href="../student_life/clubsactivities.html">Clubs &amp; Activities</a></li>
<li><a href="../student_life/ministry.html">Campus Ministry</a></li>
<li><a href="../student_life/calendar.html">School Calendar</a></li>
<li><a href="../student_life/youthfirst.html">Youth First</a></li>
</ul>
</li>
<li><a href="../contact_us/index.html">CONTACT US</a>
<ul>
<li><a href="../contact_us/administration.html">Administration</a></li>
<li><a href="../contact_us/faculty_directory.html">Faculty/Staff Directory</a></li>
<li><a href="../contact_us/mapdirections.html">Map &amp; Directions</a></li>
</ul>
</li>
<li><a href="#">LINKS</a>
<ul>
<li><a href="http:/reitz.schooloffice.com/reitz/parentconnect/" target="_blank">Parent Connection</a></li>
<li><a href="http:/reitz.schooloffice.com/reitz/sdsweboffice/teacherweb/" target="_blank">Teacher Connection</a></li>
<li><a href="http:/mhs.evansville.net/correspond-bin/login.cgi?F=1&LOGIN=&JAVASCRIPT=">Faculty Email Login</a></li>
<li><a href="http:/www.evansville-diocese.org/" target="_blank">Evansville Diocese</a></li>
<li><a href="../feeder_schools/index.html">Feeder Schools</a></li>
<li><a href="http:/mhs.evansville.net/ECIHS/ECIHS.htm">EICHS</a></li>
<li><a href="http:/www.thezonelive.com/zone/public/6/schoolHome.asp?i=393" target="_blank">The Zone</a></li>
</ul>
</li>
</ul>
<br style="clear: left" />
</div>
<!--end TOP DROPDOWN MENU-->

<!--begin MAIN BANNER IMAGE-->
<div id="banner"><img src="../_images/top.jpg" width="1024ex" height="174ex" border="0"/></div>
<!--end MAIN BANNER IMAGE-->
<div id="area" class="area">
<!--SECTION BANNER-->
<div id="sectionbanner" class="rounded {transparent}"><!-- InstanceBeginEditable name="SectionBanner" --><img src="../_images/academics.jpg" width="870" height="132" /><!-- InstanceEndEditable --></div>
<div id=equalheights">
<!--LEFT NAVIGATION MENU (Change class to "current" when on selected link.)-->

<div id="leftnav" class="rounded {transparent}">
<h1><a href="#">About Us</a></h1>
<!-- InstanceBeginEditable name="LeftNav" -->
<ul class="level1">
<li style="border-top: 1px #9FAFC0 dotted"><a href="history.html">School History</a></li>
<li><a href="tour.html">Virtual Tour</a></li>
<li><a href="crest.html">Coat of Arms</a></li>
<li class="current"><a href="blueribbon.html">Blue Ribbon Award</a></li>
<li><a href="faq.html">Common Questions</a></li>
</ul>
<!-- InstanceEndEditable --></div>

<!--MAIN CONTENT AREA-->

<div id="rightcont" class="rounded"><!-- InstanceBeginEditable name="RightContent" -->
<h1>National Blue Ribbon Award </h1>
<p align="center"><img src="_images/BlueRibbon.gif" width="200" height="204" /></p>
<p>Reitz Memorial High School of Evansville, Indiana, was named a National Blue Ribbon School of Excellence by the U.S. Department of Education for 2001-2002.&nbsp; Only a few hundred schools nationwide achieve this award of excellence.&nbsp; The National Blue Ribbon Award recognizes schools that are models of excellence and equity, that demonstrate a strong commitment to educational excellence for all students, and that achieve high academic standards.&nbsp;&nbsp; For more information on this excellent program, please visit the National Blue Ribbon website at <a href="http://www.ed.gov/offices/OERI/BlueRibbonSchools/" target="_blank">http://www.ed.gov/offices/OERI/BlueRibbonSchools/</a>.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<!-- InstanceEndEditable --></div>

</div>
<!--FOOTER-->
<div id="footer"></div>
</div>
</div>
</body>
<!-- InstanceEnd --></html>


When you preview in IE do you get a yellow bar appear that says something about 'active x controls'?

nivek516
03-06-2009, 06:28 PM
Yes, and I do activate the ActiveX controls. Nothing works.