CSS funktioniert nicht mit CodeIgniter

Question

Hier ist ein Teil meines CI-Codes:

    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');
        }

    }

Und das ist der Link-Tag meiner View-Datei:

Wenn ich die Index-Datei öffne (/Meine-Seite/), funktioniert das CSS einwandfrei, aber wenn ich zum Beispiel die URL öffne:

" /Meine-Seite/page/page_num/3 ",

öffnet sich die Seite, aber ohne CSS-Stile!

Kann mir bitte jemand helfen?

Answer 1

Beim Arbeiten mit CodeIgniter ist zu beachten, dass die einzige Seite, die HTML ausgibt, die index.php-Datei ist. Daher sollten Ihre CSS-Dateien relativ zu dieser Datei oder absolut mit der URL verlinkt sein. Sie können überall einen Ordner erstellen, manche Entwickler erstellen einen Asset-Ordner im Webroot, wo sie ihren Javascript-Ordner, Bilder-Ordner und CSS-Ordner platzieren. Aber der sicherste Weg ist, absolute Links für Ihre Assets - Javascript, CSS und Bilder - zu verwenden. Der einfachste Weg, absolute Links zu verwenden, ist die Verwendung von base_url("assets/css/indexpage.css"); So wird es verwendet:

1. Laden Sie den URL-Helfer in einem Ihrer Controller. $this->load->helper('url');
2. In Ihrem View, im Bereich, wo Sie die Verlinkung durchführen möchten, verwenden Sie die base_url-Funktion.

Answer 2

Es kommt darauf an, wo du die CSS-Datei platziert hast. Versuche es mit ../css/indexpage.css