Привет, я следую этому руководству, чтобы сделать php-календарь
http://www.youtube.com/watch?v=l76uglZBjpk
У меня три файла
show_calendar.php
<!DOCTYPE html> <html> <head> <link href="calCss.css" rel="stylesheet" type="text/css" media="all" /> </head> <body> <?php include ("calendar_start.php"); ?> </body> </html> calendar start.php
<?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 '<div id="calendar_wrap">'; echo '<div class="title_bar">'; echo '<div class="previous_month"></div>'; echo 'div class="show_month">' . $showmonth . '/' . $showyear . '</div>'; echo '<div class="next_month"></div>'; echo '</div>'; echo '<div class="week_days">'; echo '<div class="days_of_the_week">Sun</div>'; echo '<div class="days_of_the_week">Mon</div>'; echo '<div class="days_of_the_week">Tue</div>'; echo '<div class="days_of_the_week">Wed</div>'; echo '<div class="days_of_the_week">Thur</div>'; echo '<div class="days_of_the_week">Fri</div>'; echo '<div class="days_of_the_week">Sat</div>'; echo '<div class="clear"></div>'; echo '</div>'; /* Previous Month Filler Days */ if ($pre_days != 0) { for($i = 1 ; $i<=$pre_days;$i++) { echo '<div class="non_cal_day"></div>'; } } /* Current Month */ for($i=1; $i<= $day_count; $i++) { echo '<div class="cal_day">'; echo '<div class="day_heading">' . $i . '</div>'; echo '</div>'; } /* Next Month Filler Days */ if ($post_days != 0) { for ($i=1; $i<=$post_days; $i++) { echo '<div class="non_cal_day"></div>'; } } echo '</div>'; ?>
и css-файл calCss.css
#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; }
моя проблема – show_calendar.php не показывает какой-либо css только текст дней недели и чисел в месяце. Я не уверен, что я могу делать неправильно, есть ли у кого-нибудь идеи? Я использую локальный сервер xampp для просмотра файла php. благодаря
Я вижу только одну небольшую ошибку:
вы забыли один <здесь: echo 'div class="show_month">' . $showmonth . '/' . $showyear . '</div>'; echo 'div class="show_month">' . $showmonth . '/' . $showyear . '</div>';
Я протестировал это так и отлично работал для меня ..
Например, если вы используете IDE, например (Dreamweaver), убедитесь, что вы устанавливаете URL-адрес своего локального хоста (localhost / myProject) не (localhost / myProject / index.php) .. потому что он иногда делает ошибку, достигая css directory. У меня была эта ошибка, и это исправлено, надеюсь, что она работает для вас 🙂
Я проверил все и не нашел причин, почему это не должно работать. Возможно, ваш файл css не может быть загружен. Вы должны проверить, что говорит консоль браузера.
Вот как вы можете отладить эту проблему:
проверьте, есть ли ошибка загрузки для вашего css
Если вы работаете в Windows, то вторым источником проблем могут быть скрытые расширения файлов. Возможно, ваше имя файла не calCss.css, а calCss.css.txt или simmilar . Это всего лишь предположение, но раньше у меня был этот тип проблем. Если это относится к вашей проблеме, так это то, как вы можете отображать скрытые расширения файлов