CSS文件链接无法在PHP页面上运行

时间:2012-01-08 21:31:31

标签: php css

我有一个Php页面,其代码如下,我正在尝试应用此signup.css但它不起作用。在PHP管理员中,我可以看到CSS在Styles下显示为SignUp.css,我刚将这个css放在我的主题目录下作为SignUp.css,我尝试了“Signup.css”,创建了一个css文件夹并放入这个css在那里尝试了“css / SignUp.css”,但这也没有用。请帮忙 。谢谢你的时间

<html>
<link href="Styles/Signup.css" media="all" rel="stylesheet" type="text/css"/>

    <head>
        <title>Create</title>
        </head>
<body>

<?php

if($_POST['action']=='create'){
    //include database configuration
    $dbhost = "localhost";
     $dbuser = "abc";
     $dbpass = "xyz";
     $dbname = "test";

     $conn = mysql_connect($dbhost, $dbuser, $dbpass) or die ('Error connecting to mysql');
     mysql_select_db($dbname) or die ('Unable to select database!');


    //sql insert statement
    $sql="insert into user ( firstname, lastname, username, Email, password )
            values ('{$_POST['firstname']}','{$_POST['lastname']}','{$_POST['Email']}','{$_POST['username']}','{$_POST['password']}')"; 

    //insert query to the database
    if(mysql_query($sql)){
        //if successful query
        echo "New record was saved.";
    }else{
        //if query failed
        die($sql.">>".mysql_error());
    }
}
?>

<!--we have our html form here where user information will be entered-->
<div id="stylized" class="myform">
<form id="form" name="form" method="post" action="index.html">
<h1>Sign-up form</h1>


<label>Name
<span class="small"></span>
</label>
<input type="text" name="name" id="name" />

<label>Email
<span class="small"></span>
</label>
<input type="text" name="email" id="email" />

<label>Password
<span class="small">Min. size 6 chars</span>
</label>
<input type="text" name="password" id="password" />

<button type="submit">Sign-up</button>
<div class="spacer"></div>

</form>
</div>

</body>
</html>

3 个答案:

答案 0 :(得分:9)

根据您对现有答案的评论,它看起来不像我们可以根据提供的代码找到的东西。以下是一些可以帮助您诊断问题的事情。

在浏览器中,打开开发人员工具。 (对于Firefox,请获取Firebug并点击F12,对于Chrome或Opera,只需点击F12即可获得内置工具。)

然后你要打开网络标签(Firebug中的'Net',Chrome中的'Network')

打开后,重新加载页面并查看服务器请求。其中一个将用于您的CSS文件。您要查找的是HTTP状态。如果该状态是以4开头的任何东西,那你就麻烦了。这可能是403,这意味着您没有正确的权限来加载文件,或者您将拥有一个404,我们都知道,“未找到”,这表明您的网址有问题。


快速查明文件是否实际加载的另一种方法是在浏览器中查看页面源,然后单击指向CSS文件的链接。在Firefox中,这样做会使源查看器加载CSS文件的内容。如果这不成功,你也会知道无法访问它。值得注意的是,第一种方法会更清楚地说明问题究竟是什么。

我很可能认为您在文件名或路径的大小写中有拼写错误。如果它托管在非Windows服务器上,那几乎肯定会产生影响。

答案 1 :(得分:2)

&lt; link&gt;标签应该在你的&lt; head&gt;中如果你有子目录,也可以考虑使用绝对“/”路径而不是相对路径。

答案 2 :(得分:2)

根据您的网站使用样式表的绝对路径:

<link href="/Styles/Signup.css" media="all" rel="stylesheet" type="text/css"/>

(注意Styles之前的斜杠)。

另外,请将样式放在<head>标记内。