CSS to HTML链接bug

我无法将外部css文件链接到htmlCSS to HTML链接bug

HTML文件位于文件夹“header”中，css文件header.css也位于此文件夹中。

继承人的CSS代码：

@charset "UTF-8"; 

h1 { 
    font-size: 250%; 
}

下面是HTML：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
     <link rel="stylesheet" type="text/css" href="header.css" /> 
     <title> <?php echo $title; ?> </title> 
    </head> 
    <body> 
     <h1> <?php echo $header; ?> </h1> 
     <div id = 'myOrgButton'> 
      <form method="post" action="../../controllers/MyOrganisation"> 
       <input type="submit" value="My Organisation" /> 
      </form> 
     </div> 
     <div id = 'logoutButton'> 
      <form method="post" action="../../controllers/<?php echo $action; ?>"> 
       <input type="submit" value="<?php echo $action; ?>" /> 
      </form> 
     </div> 
     <hr/>

的PHP是在这里，因为这是头是我从控制器加载PHP视图。我试着定义绝对路径，将CSS放在不同的文件夹中，没有任何工作。

当css被嵌入到带有标签的html中时，它完美地工作，所以我猜这个问题与链接有关。

更新
我已经添加了完整的html代码。

来源

2012-01-17 Vasja Harujko

你期待的H1在标题中显示？ – webdad3 2012-01-17 20:35:47

您是否检查过服务器上CSS文件的权限？任何人都可能无法阅读。另外，使用Firebug/Web Inspector来检查控制台，看看你是否在CSS文件上得到404。 – Mark 2012-01-17 20:37:02

当我探索fireBug中的CSS选项卡时，没有规则存在。在HTML选项卡中，当我尝试扩展链接时：我得到404，这可能意味着什么？ – 2012-01-17 20:39:20

由于这是来自代码点火器的视图，该文件夹的文件系统路径可能与URL路径不同。首先，你需要把它放在一个可以通过http访问的文件夹中。我不熟悉Code Igniter的实现，但是您应该在其中放置所有CSS和静态图像的“媒体”或“资产”文件夹。然后，您应该使<link> href相对于域。

所以，如果你的文件夹结构是这样的，你的“资产”文件夹在根：

assets/ 
    images/ 
    css/ 
    header.css

你的CSS包括应该是这样的：

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

来源

2012-01-17 20:43:22 mbxtr

试过这个，不工作 – 2012-01-17 20:48:14

你是对的，只有链接应该是 “assets/css/header.css”现在完美工作 – 2012-01-17 21:00:33

CSS to HTML链接bug

回答

相关问题