CSS Not Working With CodeIgniter

问题

Here is a part of my CI code:

    class page extends CI_Controller {

        var $Page;

        public function __construct() {
            parent::__construct();
            $this->Page = 1;
            $this->load->model('posts_model');
            $this->load->helper('url');
        }


        public function index() {
            $data['posts'] = $this->posts_model->get_posts($this->Page);
            $this->load->view('header');
            $this->load->view('main', $data);
            $this->load->view('footer');
        }

        function page_num($page) {
            $this->Page = $page;
            $data['posts'] = $this->posts_model->get_posts($this->Page);
            echo $this->Page;
            $this->load->view('header');
            $this->load->view('main', $data);
            $this->load->view('footer');
        }

    }

And this is link tag of my View File:

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

When I open the index file (/My-Site/), CSS works fine, but when I open for

example the url :

" /My-Site/page/page_num/3 ",

the page opens but with no CSS styles!

Can any body help me please?

回答1:

use base_url() function to get the url of the site

base_url() gives the url of the website where the index file is located.

eg: /My-Site/

or you can give the file location as the parameter: base_url('/css/indexpage.css') then use it as <link rel="stylesheet" type="text/css" href="<?php echo base_url('/css/indexpage.css');?>" media="all"/>

回答2:

Try it.

you can use base_url() in your css. see below code.

<link rel="stylesheet" href="<?php echo base_url(); ?>css/style.css" type="text/css" media="all" />

回答3:

1 - change it to :

<link rel="stylesheet" type="text/css" href="<?php echo base_url('css/indexpage.css');?>" media="all"/>

and you sould already know this , in

application/config/config.php

set

$config['base_url'] = 'www.yorsite.com';

2 -

you have to include the css only in one of your views

i.e

if you have include it in the header.php file do not add it to the main.php or footer.php

回答4:

It is usually a good practice to use

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

in your head section of the view page. That way you don't have to worry about adding base_url to all your href and src attributes. So if your css file is in codeigniter/assets/css folder, just use

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

Similarly for subsequent scripts and css you can just use "assets/js/filename" or "assets/css/filename".

回答5:

Change URL here:

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

to:

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

Slash at the beginning will point to domain without any sub categories.

回答6:

When working with codeigniter remember that the only page that outputs HTML is the index.php file so your css should be relative to this file or you use absolute url. You can create a folder anywhere some developers create an asset folder at the webroot here they place their javascript folder image folder and css folder. But the safest way to go is to use absolute links for your assets-Javascript, css, and images. The easiest way to use absolute link is to use base_url("assets/css/indexpage.css"); This is how to use it:

Load url helper in any of your controllers. $this->load->helper('url);
In your view the area where you want to do the linking use the base url function.

回答7:

It depends on where you have placed the css file. Try ../css/indexpage.css

来源：https://stackoverflow.com/questions/12855030/css-not-working-with-codeigniter

标签

php

css

codeigniter