#1 2007-06-25 17:50:56
Links not working
Some of my links are not working properly, top navigation bar (full urls), middle navigation bar (first two links are going to pages last two nowhere) and side tree menu navigation bar (I've placed two links in this menu - Finding Information (library.html) --> Catalogue (page2.html)
URL: View page[/url]http://www.csu.edu.au/special/validate/build_kelly/library.html
*************** HTML ****************
<!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" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="en-au" />
<meta name="author" content="Library Web Team" />
<meta name="DC.Publisher" content="Charles Sturt University, Division of Library Services" />
<meta name="DC.Rights" content="© Charles Sturt University" />
<meta name="DC.Creator" content="Library Web Team" />
<meta name="DC.Contributor" content="The Library Web Team" />
<meta name="DC.Title" content="Division of Library Services, Charles Sturt University" />
<meta name="DC.Date.Modified" scheme="ISO-8601" content="2005-08-29" />
<meta name="Description" content="Charles Sturt University (CSU) Library, located in the cities of Albury-Wodonga, Bathurst, Orange, and Wagga Wagga in NSW, Australia as well as Ontario, Canada." />
<meta name="KeyWords" content="Library, resources, database, journals, catalogue, books, films, DVD, newspapers, ereserve, distance education, online learning, Australia, Australian, NSW, Wagga, Bathurst, Albury, Canberra, Dubbo, Sydney, Thurgoona, Research, University" />
<meta name="DC.Identifier" scheme="URI" content="http://www.csu.edu.au/division/library/howdoi.htm" />
<title>Library Design</title>
<link href="library.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="library.css" type="text/css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="collapse.js"></script>
</head>
<body class="home">
<div id="wrapper">
<div id="navigation_global">
<ul>
<li><a href="http://www.csu.edu.au">csu home</a></li>
<li><a href="http://my.csu.edu.au">my.csu</a></li>
<li><a href="http://www.csu.edu.au/study">prospective students</a></li>
<li><a href="http://www.csu.edu.au/faculty">faculties</a></li>
<li><a href="http://www.csu.edu.au/staff.html">divisions</a></li>
<li><a href="http://www.csu.edu.au/contacts/">contacts</a></li>
<li><a href="http://www.csu.edu.au/search/csucomms.html">staff</a></li>
</ul>
</div>
<div id="header">
<div id="logo"><a href="/"><img src="05_crest.gif" alt="Charles Sturt University Homepage" border="0" longdesc="http://www.csu.edu.au" title="Charles Sturt University" width="215" height="54" /></a></div>
<div id="title"><p>Division of</p>
<h1>LIBRARY SERVICES</h1>
</div>
</div>
<img src="success-books.jpg" alt="Graphical imagery" width="750" height="130" class="branding" />
<div id="navigation_main">
<ul>
<li id="homeLink"><a href="library.html">PAGE LINK 1</a></li>
<li id="trainingLink"><a href="page2.html">PAGE LINK 2</a></li>
<li id="formsLink"><a href="#">PAGE LINK 3</a></li>
<li id="informationLink"><a href="#">PAGE LINK 4</a></li>
</ul>
</div>
<div id="navigation_sub">
<ul>
<li><a href="page2.html">Finding Information</a>
<ul class="collapseme">
<li><a href="page2.html">Catalogue</a></li>
<li><a href="#">Databases</a></li>
<li><a href="#">Smartsearch</a></li>
<li><a href="#">Reserve</a></li>
<li><a href="#">Ebooks</a></li>
<li><a href="#">Ejournals</a></li>
<li><a href="#">Citation Linker</a></li>
<li><a href="#">Google</a></li>
<li><a href="#">Google Scholar</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#">Forms</a>
<ul class="collapseme">
<li id="sub2_tab"><a href="#">Ask Us</a></li>
<li><a href="#">DE Request a Copy</a></li>
<li><a href="#">DE Request a Book</a></li>
<li><a href="#">Information Request</a></li>
<li><a href="#">Intercampus Loan</a></li>
<li><a href="#">Interlibrary Loan</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#">Help & Training</a>
<ul class="collapseme">
<li id="sub3_tab"><a href="#">Student Guide</a></li>
<li><a href="#">Staff Guide</a></li>
<li><a href="#">Access Problems</a></li>
<li><a href="#">Database Guides</a></li>
<li><a href="#">Smartskills</a></li>
<li><a href="#">Guides & Assistance</a></li>
<li><a href="#">How Do I's</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#">Research Support</a>
<ul class="collapseme">
<li id="sub4_tab"><a href="#">Book a Librarian</a></li>
<li><a href="#">Copyright</a></li>
<li><a href="#">Collection Services</a></li>
<li><a href="#">Databases</a></li>
<li><a href="#">EndNote</a></li>
<li><a href="#">ISBNs</a></li>
<li><a href="#">Procite</a></li>
<li><a href="#">Referencing</a></li>
<li><a href="#">Libraries Aust Kinetica Search</a></li>
<li><a href="#">Theses & Dissertations</a></li>
<li><a href="#">Online Reference</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#">About Us</a>
<ul class="collapseme">
<li><a href="#">Policies & Regulations</a></li>
<li><a href="#">Services & Facilities</a></li>
<li><a href="#">Publications</a></li>
<li><a href="#">Employment Opportunities</a></li>
<li><a href="#">Opening Hours</a></li>
<li><a href="#">Addresses & Contacts</a></li>
<li><a href="#">In the Community</a></li>
<li><a href="#">Learning Commons</a></li>
<li><a href="#">Regional Archives</a></li>
<li><a href="#">St Marks Library</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="#">I would like to. . .</a>
<ul class="collapseme">
<li><a href="#">Renew a Book</a></li>
<li><a href="#">Ask a question</a></li>
<li><a href="#">Ask a librarian</a></li>
<li><a href="#">Search the library catalogue</a></li>
<li><a href="#">Find stuff for my assignment</a></li>
<li><a href="#">Check Opening Hours</a></li>
<li><a href="#">Contact the Library</a></li>
<li><a href="#">1800 808 369</a></li>
</ul>
</li>
</ul>
<div id="search">
<form name="searchbox" method="get" action="http://www.google.com/u/csuweb" target="_top">
<label for="query"><!-- query --></label><input name="query" value="enter search query" alt="search area" id="query" class="enter" type="text" /><input src="go.gif" name="sa" value="submit" id="sa" title="Search Now" class="searchimg" alt="Search Now" type="image" />
<input name="domains" id="domains" value="www.csu.edu.au/division/library/" type="hidden" />
</form>
</div>
</div>
<div id="content">
<h1>CONTENT H1 </h1>
<p>Lorem ipsum dolor sit amet, <a href="page2.html">consectetuer adipiscing</a> elit. Cras est magna, pretium sit amet, rhoncus nec, tristique molestie, leo. Aenean tortor sem, luctus at, luctus vel, consequat et, lectus. Proin id velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ullamcorper. Donec nunc.</p>
<h2>CONTENT H2 </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras est magna, pretium sit amet, rhoncus nec, tristique molestie, leo. Aenean tortor sem, luctus at, luctus vel, consequat et, lectus. Proin id velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ullamcorper. Donec nunc. </p>
<h3>CONTENT H3 </h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras est magna, pretium sit amet, rhoncus nec, tristique molestie, leo. Aenean tortor sem, luctus at, luctus vel, consequat et, lectus. Proin id velit. Vestibulum ante</p>
<ul>
<li>ipsum primis</li>
<li>in faucibus </li>
<li>orci luctus et ultrices posuere cubilia Curae; </li>
<li>Cras ullamcorper. Donec nunc. </li>
</ul>
<h4>CONTENT H4 </h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras est magna, pretium sit amet, rhoncus nec, tristique molestie, leo. Aenean tortor sem, luctus at, luctus vel, consequat et, lectus. Proin id velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ullamcorper. Donec nunc. </p>
</div>
<div id="footer">
<a href="http://www.csu.edu.au/cgi-pub/pageinfo.pl" target="_top">Page Info.</a> <span class="sep">|</span> <a href="http://www.csu.edu.au/about/disclaim.html" target="_top">Legal</a> <span class="sep">|</span> <a href="http://www.csu.edu.au/search/" target="_top">Search</a> <span class="sep">|</span> <a href="http://www.csu.edu.au/division/dit/service/" target="_top"><span style="cursor: help;">I.T Service Desk</span></a> <br />
<br />
©
<script type="text/javascript">
<!--
function fixDate(date) {
var base = new Date(0);
var skew = base.getTime();
if (skew > 0)
date.setTime(date.getTime() - skew);
}
var current = new Date();
fixDate(current);
document.write(current.getFullYear());
//-->
</script>
Charles Sturt University CRICOS 00005F (NSW), 02597E (QLD) & 01947G (VIC)</div>
</div>
</body>
</html>
******************* CSS ****************
/* WILDCARD – used to zero all default padding in browsers - be careful
* {
}*/
html, body {
margin: 0;
padding: 0;
}
body {
font: 76%/1.4 Arial, Helvetica, sans-serif;
background-image: url(bg.gif);
background-repeat: repeat-x;
}
/* =WRAPPER */
#wrapper {
width: 750px;
margin: 0 auto;
border: 1px solid #999;
background-image: url(wrapper_bg.jpg);
background-repeat: repeat-y;
background-position: 48%;
}
/* =HEADER */
#header {
background-color: #b60202;
height: 4.5em;
padding: 1em 2em 0em 1.3em;
}
#logo { float: left;
}
#title { float: right;
color: #FFFFFF;
text-align: right;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
#title h1 {
font-style: italic;
font-size: 1.4em;
line-height: 1.4em;
letter-spacing: 0.07em;
padding: 0;
margin: 0;
}
#title p {
font-size: 1.12em;
font-weight: bold;
line-height: 1em;
padding: .5em 0 0 0;
margin: 0;
}
/* =NAVIGATION GLOBAL */
#navigation_global { background-color:#eaeaea; font-variant: small-caps; }
#navigation_global ul { letter-spacing: 0.07em; text-align: right; font-size: 0.9em; margin: 0 0.8em 0 0;
list-style-type: none; }
#navigation_global li { line-height: 2.5em; display: inline; padding-left: 1.8em;}
#navigation_global a:link {background-color: #eaeaea; text-decoration: none;
color:#000; padding: 0 0.4em 0 0.4em;}
#navigation_global a:visited {background-color: #eaeaea; text-decoration: none;
color:#000; padding: 0 0.4em 0 0.4em;}
#navigation_global a:hover {background-color: #eaeaea; text-decoration: none;
color:#999; border-bottom: 1px solid #000; padding: 0 0.4em 0 0.4em;}
/* =CONTENT */
#content {
float: right;
width: 540px;
padding: 15px;
}
/* =NAVIGATION MAIN */
#navigation_main { background-color: #aaa; color: #ccc; padding: 0.3em 0em 0.35em 0em; margin:0;}
#navigation_main ul { letter-spacing: 0.07em; padding-left: 0; margin: 0; font-size: 0.9em; list-style-type: none;
color: #333; font-weight: bold;}
#navigation_main li { display: inline;}
#navigation_main a:link {margin-left: 0; background-color: #aaa; text-decoration: none;
color:#333; padding: 0.4em 1em 0.35em 1em;}
#navigation_main a:visited {margin-left: 0; background-color: #aaa; text-decoration: none;
color:#333; padding: 0.4em 1em 0.35em 1em;}
#navigation_main a:hover {margin-left: 0; background-color: #aaa; text-decoration: none;
color:#fff; padding: 0.4em 1em 0.35em 1em;
}
/* NAVIGATION SUB */
#navigation_sub {
/*/*/line-height: 1.67; /* */
float: left;
width: 179px;
margin-top: 0;
}
#navigation_sub ul {
list-style-type: none;
background-color: #aaa;
margin: 0;
padding: 0;
text-indent: 1.3em;
}
#navigation_sub ul li ul.collapseme {
display: block;
}
#navigation_sub ul li ul.collapseme a {
background-color:#eaeaea;
color: #333;
background-image: none;
}
#navigation_sub ul li ul {
display: none;
margin-left: 0;
padding-left: 0;
}
#navigation_sub ul li a {
display: block;
background-image: url("../styles/plus.gif");
background-repeat: no-repeat;
background-position: 2% 50%;
text-decoration: none;
color: #fff;
}
#navigation_sub ul li.expanded a {
background-image: url("../styles/minus.gif");
background-repeat: no-repeat;
background-position: 2% 50%;
}
#navigation_sub ul li.expanded ul li a {
background: none;
color: #333;
}
#navigation_sub ul li {
border: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #fff;
}
#navigation_sub ul li.expanded ul {
display: block;
background-color: #eaeaea;
}
#navigation_sub ul li.expanded ul a:hover {
display: block;
background-image: url("../styles/menu2.gif");
background-position: 98% 50%;
background-repeat: no-repeat;
color: #333;
background-color: #fff;
}
/* used when javascript disabled */
#navigation_sub ul li ul a:hover {
display: block;
background-image: url("../styles/menu2.gif");
background-position: 98% 50%;
background-repeat: no-repeat;
color: #333;
background-color: #fff;
}
a:link { color: #33f;}
a:visited{ color: #909;}
a:hover {color: #066;}
/* = HEADINGS */
#content h1 { font-size: 1.6em; padding-bottom: 0.4em; color: #b60202; }
#content h2 { font-size: 1.3em; padding-bottom: 0.4em; color: #666; background-color: #fff; }
#content h3 { font-size: 1.2em; padding-bottom: 0.4em; color: #666; background-color: #fff; }
#content h4 { font-size: 1.13em; padding-bottom: 0.2em; padding-top: 0.2em; color: #666; background-color: #fff; }
#content p {
font-size: 1em;
padding-bottom: 1.5em;
}
/* =FOOTER */
#footer{
clear: both;
font-size: 0.8em;
color: #666;
padding: 1.5em 0.2em;
text-align: center;
line-height: 0.8em;
border-top: 1px solid #999;
position: relative;
background-color: #fff;
}
#footer a:link { background-color: #fff; text-decoration: none; color:#000; }
#footer a:visited { background-color: #fff; text-decoration: none; color:#000; }
#footer a:hover { background-color: #fff; text-decoration: underline; color:#000; }
#footer .sep {color: #fff;}
/* =MISC */
.float-right { float: right;
padding-left: 8px;
}
/* =SEARCH AREA */
#search { font-size: 0.9em ; height: 3em; width: 168px; background-color: #fff; color: #000; padding: 1em 0 0 1em; }
#search input.enter {font-size: 0.9em; width: 70%; margin-top: 0.2em;}
.searchimg {position: absolute; margin-left: 0.5em; width: 23px; height:24px;}
/****LAYOUT *****/
.home #homeLink a,
.information #informationLink a,
.forms #formsLink a,
.training #trainingLink a,
.research #researchLink a,
.about #aboutLink a,
.like #likeLink a,
.other #otherLink a
{margin-left: 0; background-color: #7a0808; text-decoration: none;
color:#fff; padding: 0.4em 1em 0.35em 1em;}
Offline
#2 2007-06-26 21:30:59
Re: Links not working
I have worked out it has to do with the javascript running the collapsing left navigation menu but have no idea of how to fix, I placed a z-index on each of the navigation areas and this worked once and not again. I obtained this script from http://www.24ways.org "Day 21 - A scripting carol / Derek Featherstone" files can be found at:
http://www.csu.edu.au/special/validate/ … ollapse.js
http://www.csu.edu.au/special/validate/ … /jquery.js
Offline
