Question

我正在尝试require '_header.php';和require '_footer.php';，因此我可以为我的网站创建一个动态主体。

然而，没有一个CSS可以在正文或页脚中工作。 CSS只适用于标题。

为什么会发生这种情况？如何解决？

require '_header.php';



$form_to_echo = '<div class="form_wrap"><form id="registration" action="new_user.php" method="post">                                                                

    <div class="i_group"><span class="s_name">Класа:</span> 
    <input type="radio" id="_rad_rnk_class_h" name="rank_class" value="H"'.$_frm_selected_rank_class_h.'><label for="_rad_rnk_class_h">Хоби</label>
    <input type="radio" id="_rad_rnk_class_t" name="rank_class" value="T"'.$_frm_selected_rank_class_t.'><label for="_rad_rnk_class_t">Трофеј</label>
    </div>

    <input type="text" id="cell_phone" name="cell_number" placeholder="Мобилен телефон" value="'.$_POST['cell_number'].'">
    </div>  

    <div class="i_group"><span class="s_name">Крвна група:</span><br><br>                               
    <input type="radio" id="_rad_bld_typ_a" name="blood_type" value="A"'.$_frm_selected_bld_typ_a.'><label for="_rad_bld_typ_a">A</label>
    <input type="radio" id="_rad_bld_typ_b" name="blood_type" value="B"'.$_frm_selected_bld_typ_b.'><label for="_rad_bld_typ_b">B</label>
    <input type="radio" id="_rad_bld_typ_ab" name="blood_type" value="AB"'.$_frm_selected_bld_typ_ab.'><label for="_rad_bld_typ_ab">AB</label>
    <input type="radio" id="_rad_bld_typ_o" name="blood_type" value="O"'.$_frm_selected_bld_typ_o.'><label for="_rad_bld_typ_o">O</label>
    </div>                                      
    <div class="i_group">               
    <input type="submit" name="submit" class="submit" value="Pегистрирај">
    </div></form></div>';


if ($error_count_up != 0) { 

    echo $form_to_echo; 

}

require '_footer.php';

当我在HTML中复制并粘贴代码时，它的工作正常......

<!DOCTYPE html>
<html>


    <head lang="mk">
        <meta charset="utf-8">


        <link rel="stylesheet" type="text/css" href="style.css">


        <link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css">

        <title>;</title>
        <style type="text/css">

</style>



               <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
               <!--<script src="script.js"></script> -->


                 <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
                  <script src="//code.jquery.com/jquery-1.12.4.js"></script>
                  <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
                  <script>
                        $( function() {
                            $( "#datepicker" ).datepicker({
                                changeMonth: true,
                                changeYear: true
                            });
                        $( "#datepicker" ).datepicker( "option", "dateFormat", "dd-mm-yy" );
                        } );
                  </script>

    </head>





    <body>      



        <div id="showcase">


            <div id="sw_img1"></div>
            <div class="img_fade"></div>

                <div class="main_wrapper">

                    <div id="logo"></div>


                    <ul id="top_nav">

                        <li>Правилник</li>

                        <li>Контакт</li>    

                    </ul>


                </div>

        </div>

        <div class="test1">test</div>






    </body>





</html>

Answer 1

尝试使用include ... PHP: include

Answer 2

你使用：

<link rel="stylesheet" type="text/css" href="style.css">

所以，style.css应该在执行URL的同一文件夹中（而不是放置.php文件的位置）

例如，如果您访问'example.com/dir1/dir2/mypage.html then style.css should be in dir2`

我建议使用根URL来设置样式，脚本，图像，如下所示：

..........................  href='/style.css' .........

并将style.css放在根example.com/文件夹中。

包括header.php css，不会工作包括footer.php或正文

2 个答案: