登录表单的CSS未加载

时间:2017-04-29 11:43:16

标签: php html css forms login

修订问题。努力使情况尽可能清晰。 我下载了现有网站的登录系统。为了不弄乱我的index.php,我将它设置在自己的文件夹(login-system)中。一切顺利。我将粘贴的相关代码复制到root中的index.php,并将所有路径更改为“login-system / whatever.php”。即使我改变了路径,它仍然无法正常工作。特别是css。登录表单有自己的css文件(login-system / css / css.html),如下所示:

 。 在css.html中有3个链接(google fonts,normalize和css / style.css) 我无法获得登录表单的css和现有的css(main.css)一起工作。我要么让我的页面看起来很好,登录表单没有css,或者我的css弄乱了我的页面,我得到了登录表单。我需要做什么? 这是相关代码:                              Living Oracles.org          
</head>
<?php 
if ($_SERVER['REQUEST_METHOD'] == 'POST') 
{
    if (isset($_POST['login'])) { //user logging in

        require '/login-system/login.php';

    }

    elseif (isset($_POST['register'])) { //user registering

        require '/login-system/register.php';

    }
}
?>
<body>

    <div class ="login">

   <div class="form">

            <ul class="tab-group">
            <li class="tab"><a href="#signup">Sign Up</a>
            </li>
            <li class="tab active"><a href="#login">Log In</a>
            </li>
        </ul>

        <div class="tab-content">

            <div id="login">
                <h1>Welcome Back!</h1>

                <form action="index.php" method="post" autocomplete="off">

                    <div class="field-wrap">
                        <label>
              Email Address<span class="req">*</span>
            </label>


                        <input type="email" required autocomplete="off" name="email"/>
                    </div>

                    <div class="field-wrap">
                        <label>
              Password<span class="req">*</span>
            </label>


                        <input type="password" required autocomplete="off" name="password"/>
                    </div>

                    <p class="forgot"><a href="forgot.php">Forgot Password?</a>
                    </p>

                    <button class="button button-block" name="login"/>Log In</button>

                </form>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>

    <script src="login-system/js/index.js"></script>
            </div>
        </div>

0 个答案:

没有答案