PDA

View Full Version : Calendar - CSS problem



awais_sal
16 Feb 2011, 06:34 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.


<!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">
&nbsp;<?php echo $lang['months'][$m-1] ?>&nbsp;<?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">
&nbsp;
</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">&copy; 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 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>