Question

我将一个样式表添加到codeigniter：

<head>
<meta charset="utf-8">
<title>Site Administrator</title>
    <link rel="stylesheet" href="../../css/administrator.css" type="text/css" ></link>

</head>

但规则并未添加。我去了两个目录并转到css .. href的方向是正确的..我在netbeans中使用了自动完成功能..但为什么没有规则添加到页面？它是codeigniters的问题吗？

我在样式表中的规则：

        #container
        {
           margin: 0px auto;
           width:50%;
           background-color: #99BC99;
        }

        #container:first-child
        {
           text-align: center;
        }

        #heading
        {

            text-align: right;

        }
        h2
        {
            float:right;
            margin-right: 130px;
        }
        a
        {
            text-decoration: none;
        }

我的HTML：

<div id="container">
<h1>ממשק מנהל</h1>
<div id="heading">

      <h2>  
        <?php echo anchor('news/local/123', 'צור נושא', 'title="News title"'); ?>
            </h2>
        <h2>  
            <?php echo anchor('news/local/123', 'הוסף אמייל', 'title="News title"'); ?>
        </h2>
        <h2>  
            <?php echo anchor('news/local/123', 'שנה שם וסיסמה', 'title="News title"'); ?>
        </h2>

</div>

更新

这就是它给我的东西：

This is what it gives me:  <link rel="stylesheet" href="http://localhost/finance_site/index.php/css/administrator.css" />

无论何时，我这样做：

  <link rel="stylesheet" href="<?=site_url('css/administrator.css');?>" />

好吧，我明白了，就像这样：

   <link rel="stylesheet" href="http://localhost/finance_site/css/administrator.css" />

有没有办法重新编写它，因此它将是代码点火器的相对链接......或者至少更便携？

Answer 1

使用href="<?php echo base_url();?>css/administrator.css

Answer 2

我倾向于在/ public中放置样式表，css，js等内容。

然后，您可以在视图中使用<?=site_url('public/css/administrator.css);?>。

Answer 3

尝试使用/css/administrator.css或css/administrator.css。

Answer 4

CSS - 使用基本标记，这会为所有链接设置默认目标

<base href="<?php echo base_url();?>" />

-

<link rel="stylesheet" href="assets/css/some_file.css" />

JS - 要将base_url传递给javascript，如果您需要发出ajax请求，可以在包含外部javascript文件之前使用它

<script>
var BASE_URL = "<?php echo base_url();?>";
</script>

codeigniter和添加样式表

4 个答案: