Calendar - CSS problem
Posted: Wed Feb 16, 2011 6:07 pm
Hi,
I am having problem to display my calendar in a template. It works perfectly fine on its own however as soon as i put it a template it stops functioning and colour of the template changes to black or gray.
Could you please kindly look at it and solve the problem if you can.
Many thanks.
I am having problem to display my calendar in a template. It works perfectly fine on its own however as soon as i put it a template it stops functioning and colour of the template changes to black or gray.
Could you please kindly look at it and solve the problem if you can.
Many thanks.
Code: Select all
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css"/>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://www.rdg.ac.uk/web/Templates/homepage-school_files/home.js"></script>
<!-- TemplateBeginEditable name="doctitle" -->
<title>Home Page Template - University of Reading</title>
<!-- TemplateEndEditable -->
<meta name="Author" content="The University of Reading" />
<meta http-equiv="content-language" content="en-gb" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
@import "http://www.rdg.ac.uk/web/templates/standard-school_files/school.css";
@import "http://www.rdg.ac.uk/web/Templates/homepage-school_files/home.css";
@import "http://www.rdg.ac.uk/web/Templates/standard-school_files/print.css";
div.left img, div.right img {position:absolute;top:1.8em;margin:5px 0 0 0px;}
/*reference your own unit title image in the rule below*/
div#header h2 {background:url(http://www.reading.ac.uk/web/multimediafiles/html.gif) no-repeat}
</style>
<!--link to the stylesheet corresponding to your colour choce below - see the accompanying documentation-->
<link type="text/css" rel="stylesheet" href="http://www.rdg.ac.uk/web/StyleSheets/Reading_navy.css" />
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="http://www.rdg.ac.uk/web/templates/standard-school_files/school_ie.css" />
<style type="text/css">#leftColumn {position: relative; top: -116px}
</style><![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
<body>
<div id="wrapper">
<div id="header">
<ul class="hidden">
<li>
<a href="http://www.reading.ac.uk/about/about-accessibility.asp" accesskey="0">0 -
Access key details</a>
</li>
<li>
<a href="http://www.reading.ac.uk//about/about-faqs.asp" accesskey="5">5 - Frequently
Asked questions (FAQ)</a>
</li>
<li>
<a href="http://www.reading.ac.uk//about/about-contacts.asp" accesskey="9">9 - Main
Univeristy of Reading contacts</a>
</li>
</ul>
<h1>
<a href="http://www.reading.ac.uk/">University of Reading</a>
</h1>
</div>
<div id="banner" class="banner">
<div id="wrap">
<div>
<h3>Events Management System</h3>
<p>
</p><a href="#">Submit Events</a>
</div>
</div><img border="0" src=
"http://www.rdg.ac.uk/web/MultimediaFiles/GRADUATION-STUDENTS-10.JPG" alt=
"Happy students on Graduation day" width="180" height="100" />
</div>
<div id="lower">
<div id="container2">
<div id="content">
<div id="centerColumn">
<!-- TemplateBeginEditable name="mainContent" -->
<div id="main">
<p><br><br>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<?php echo $scrollarrows ?>
<span class="date_header">
<?php echo $lang['months'][$m-1] ?> <?php echo $y ?></span>
</td>
<!-- form tags must be outside of <td> tags -->
<form name="monthYear">
<td align="right">
<?php monthPullDown($m, $lang['months']); yearPullDown($y); ?>
<input type="button" value="GO" onClick="submitMonthYear()">
</td>
</form>
</tr>
<tr>
<td colspan="2" bgcolor="#000000">
<?php echo writeCalendar($m, $y); ?></td>
</tr>
<tr>
<td colspan="2" align="center">
<?php echo footprint($auth, $m, $y) ?></td>
</tr>
</table>
<span class="copyright"></span></p>
</div>
<!-- TemplateEndEditable -->
</div>
</div>
</div>
<div id="rightColumn">
<div class="panel">
<div class="inner">
<h2>
Things to do
</h2>
<h3>
Contact Us
</h3>
<p>
Tel: 0118 378 1111
</p>
<p>
Email: <a href=
"mailto:l.j.walsh@reading.ac.uk">l.j.walsh@reading.ac.uk</a>
</p>
<ul>
<li>Link 3
</li>
<li>Link 4
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="leftColumn">
<h1 class="hidden">
Page navigation
</h1><!--Local navigation-->
<ul id="subNav">
<li class="back">
<a href="/" accesskey="1"><span title="index.php">Home</span></a>
</li>
</ul>
<ul id='ae_menu'>
<li>
<a href='../phpEventCalendar_v0.2.3/templates/eventform.php'>Submit Events</a>
</li>
<li>
<a href='#'>Login</a>
</li>
<li>
<a href='#'>Register</a>
</li>
<li>
<a href='http://www.reading.ac.uk/about/about-newsevents.aspx'>About Us</a>
</li>
<li>
<a href='http://www.reading.ac.uk/about/about-contacts.aspx'>Contact Us</a>
</li>
</ul>
<!--Local navigation END-->
<div class="panel">
<div class="inner">
<h2>
See Also
</h2>
<ul>
<li><a href="http://www.reading.ac.uk/about/about-newsevents.aspx">News and Events</a>
</li>
<li>Link 2
</li>
</ul>
</div>
</div>
</div>
<div class="clearing">
</div>
<div id="footer">
<h1 class="hidden">
Footer navigation
</h1>
<ul id="footerNav">
<li>
<a href="http://www.reading.ac.uk/about/about-accessibility.asp">Accessibility</a>
</li>
<li>
<a href="http://www.reading.ac.uk/about/sitemap.asp">Site Map</a>
</li>
<li> <a href="#">Contact Us</a>
</li>
<li class="last">
<a href="http://www.reading.ac.uk/about/find/about-findindex.asp">Find us</a>
</li>
</ul>
<p>
<a href="http://www.reading.ac.uk/about/about-copyright.asp">© University of
Reading</a>
</p>
</div>
<ul id="topNav">
<li>
<a href="http://www.reading.ac.uk/life/">Life</a> </li>
<li>
<a href="http://www.reading.ac.uk/study/">Study</a> </li>
<li>
<h1 class="hidden"> Accessibility navigation </h1>
<a href="http://www.reading.ac.uk/research/">Research</a> </li>
<li>
<a href="http://www.reading.ac.uk/working-with-business/">Business</a> </li>
<li>
<a href="http://www.reading.ac.uk/about/">About</a> </li>
<li>
<a class="last" href="http://www.reading.ac.uk/a-z/">A-Z</a> </li>
</ul>
<h1 class="hidden">
Search Form
</h1>
<div id="search">
<form id="searchForm" action=
"http://www.reading.ac.uk/search/public/search" method="get"
name="searchForm">
<label accesskey="4" for="text">Search</label> <select name=
"sitesearch">
<option value="">
University site
</option>
<!--enter the url of your site below, see http://www.reading.ac.uk/cme for an example-->
<option value="[your site URL]">
This section
</option>
</select><input class="text" size="12" maxlength="255" id=
"text" name="q" /> <input class="submit" type="submit" value=
"Go" /> <input name="site" value="internal" type="hidden" />
<input name="output" value="xml_no_dtd" type="hidden" />
<input name="client" value="internal" type="hidden" />
<input name="proxystylesheet" value="internal" type=
"hidden" />
</form>
</div>
</div>
</div>
</body>
</html>