CSS doesn't link properly from the header file using base_url helper

Question

My header.php doesn't link to default.css properly. Page loads without CSS applied. If I view the source of the page and click on the link to .css file - 403 Forbidden shows up in Source View.

config.php

$config['base_url'] = 'http://localhost/dev/';

routes.php

$route['default_controller'] = "page/view";
$route['404_override'] = '';

pages is the controller

view is the method

application/view/templates/header.php

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link href="<?php echo base_url(); ?>application/css/default.css" rel="stylesheet" type="text/css" />
        <title><?php echo $title; ?></title>
    </head>
    <body>

application/css/default.css

* {margin:0;padding:0;}

body {
    background-image: url(../images/bg.gif);
    background-repeat: repeat-x;
    ...
}

application/images/

-- bg.gif GIF Image 1KB

403 Forbidden -> check the error log of your webserver. It should tell you more what's going on behind the scenes — hakre
– hakre, Commented Sep 30, 2012 at 17:19

m4t1t0 · Accepted Answer · 2012-09-30 17:23:53Z

1

Is a good practice to put css files in "assets" directory instead of "application". Move the file to a directory called assets/css in your DOCUMENT_ROOT and change this line:

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

to:

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

answered Sep 30, 2012 at 17:23

m4t1t0

5,7313 gold badges25 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Zaher Over a year ago

i just want to add that you can include the files inside the base_url like base_url('assets/css/default.css'); which become much more readable ..

Sasha · Accepted Answer · 2012-09-30 17:23:15Z

0

This is the default state of Codeigniter. You need to create a .htaccess file in your css and image directory and put this code (it should work, I am using it):

allow from All

Or you can create a public folder in the root folder and not have this problems.

answered Sep 30, 2012 at 17:23

Sasha

8,72524 gold badges99 silver badges181 bronze badges

Comments

user1607528 · Accepted Answer · 2012-10-01 05:14:17Z

0

Leave base_url in config blank.Like this:

  $config['base_url'] = '';

answered Oct 1, 2012 at 5:14

user1607528

Collectives™ on Stack Overflow

CSS doesn't link properly from the header file using base_url helper

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related