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

回答

相關問題