Calendar - CSS problem

PHP programming forum. Ask questions or help people concerning PHP code. Don't understand a function? Need help implementing a class? Don't understand a class? Here is where to ask. Remember to do your homework!

Moderator: General Moderators

Post Reply
awais_sal
Forum Newbie
Posts: 4
Joined: Wed Feb 16, 2011 6:03 pm

Calendar - CSS problem

Post by awais_sal »

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.

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">
		&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 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>
User avatar
social_experiment
DevNet Master
Posts: 2793
Joined: Sun Feb 15, 2009 11:08 am
Location: .za

Re: Calendar - CSS problem

Post by social_experiment »

You have multiple stylesheets it's possible that the calendar is inhereting something from one of the stylesheets. Remove the stylesheets one by one to see which one is causing the problems then paste the CSS for the stylesheet, as well as the stylesheet (if any) for the calendar.
“Don’t worry if it doesn’t work right. If everything did, you’d be out of a job.” - Mosher’s Law of Software Engineering
Post Reply