Note that there are some explanatory texts on larger screens.

plurals
  1. POCSS not working with PHP script
    primarykey
    data
    text
    <p>Hello i am following this tutorial to make a php calendar</p> <p><a href="http://www.youtube.com/watch?v=l76uglZBjpk" rel="nofollow">http://www.youtube.com/watch?v=l76uglZBjpk</a></p> <p>I have three files </p> <p>show_calendar.php </p> <pre><code> &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;link href="calCss.css" rel="stylesheet" type="text/css" media="all" /&gt; &lt;/head&gt; &lt;body&gt; &lt;?php include ("calendar_start.php"); ?&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>calendar start.php</p> <pre><code>&lt;?php //$showmonth = $_POST['showmonth']; //$showyear = $_POST['showyear']; $showmonth = 11; $showyear = 2012; $day_count = cal_days_in_month(CAL_GREGORIAN, $showmonth, $showyear); $pre_days = date('w', mktime(0,0,0, $showmonth, 1, $showyear)); $post_days = (6 - (date('w', mktime(0,0,0, $showmonth, $day_count,$showyear)))); echo '&lt;div id="calendar_wrap"&gt;'; echo '&lt;div class="title_bar"&gt;'; echo '&lt;div class="previous_month"&gt;&lt;/div&gt;'; echo 'div class="show_month"&gt;' . $showmonth . '/' . $showyear . '&lt;/div&gt;'; echo '&lt;div class="next_month"&gt;&lt;/div&gt;'; echo '&lt;/div&gt;'; echo '&lt;div class="week_days"&gt;'; echo '&lt;div class="days_of_the_week"&gt;Sun&lt;/div&gt;'; echo '&lt;div class="days_of_the_week"&gt;Mon&lt;/div&gt;'; echo '&lt;div class="days_of_the_week"&gt;Tue&lt;/div&gt;'; echo '&lt;div class="days_of_the_week"&gt;Wed&lt;/div&gt;'; echo '&lt;div class="days_of_the_week"&gt;Thur&lt;/div&gt;'; echo '&lt;div class="days_of_the_week"&gt;Fri&lt;/div&gt;'; echo '&lt;div class="days_of_the_week"&gt;Sat&lt;/div&gt;'; echo '&lt;div class="clear"&gt;&lt;/div&gt;'; echo '&lt;/div&gt;'; /* Previous Month Filler Days */ if ($pre_days != 0) { for($i = 1 ; $i&lt;=$pre_days;$i++) { echo '&lt;div class="non_cal_day"&gt;&lt;/div&gt;'; } } /* Current Month */ for($i=1; $i&lt;= $day_count; $i++) { echo '&lt;div class="cal_day"&gt;'; echo '&lt;div class="day_heading"&gt;' . $i . '&lt;/div&gt;'; echo '&lt;/div&gt;'; } /* Next Month Filler Days */ if ($post_days != 0) { for ($i=1; $i&lt;=$post_days; $i++) { echo '&lt;div class="non_cal_day"&gt;&lt;/div&gt;'; } } echo '&lt;/div&gt;'; ?&gt; </code></pre> <p>and the css file calCss.css</p> <pre><code>#calendar_wrap { width: 924px; margin-left: auto; margin-right: auto; overflow: hidden; } .title_bar { width: 100%; height: 30px; } .previous_month { float: left; width: 308px; height: 30px; text-align: left; } .show_month { float: left; width: 308px; height: 30px; text-align: center; } .next_month { float: left; width: 308px; height: 30px; text-align: right; } .week_days { width: 100%; } .days_of_week { float: left; width: 14%; text-align: center; } .cal_day { position: relative; float: left; margin-right: 4px; margin-bottom: 4px; width: 128px; height: 95px; background-color: #9C9; } .day_heading { position: relative; float: left; width: 40px; height: 16px; padding: 6px; color: #000; font-family: Arial; font-size: 14px; } .openings { width: 100%; clear:left; text-align: center; } .non_cal_day { position: relative; float: left; margin-right: 4px; margin-bottom: 4px; width: 128px; height: 95px; background-color: #CCC; } .clear { clear: both; } </code></pre> <p>my problem is show_calendar.php is not showing any css only text of the days of teh week and numbers in the month. Im not sure what i could be doing wrong, does anyone have any ideas? Im using xampp local server to view the php file. Thanks</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload