Correct way to load CSS in a codeigniter view

Question

My base url in config is : $config['base_url'] = 'http://localhost/ci/';

My CSS folder is on root level(so ci).

In the view I tried:

<head>
    <style> @import url('<?=base_url()?>/css/styles.css'); </style>
</head>

and

<head>
    <link rel="stylesheet"  type="text/css" href="<?php echo base_url()?>css/styles.css">
</head>

both fail. what is the correct way to import a CSS file using the Codeigniter framework

Here is how my .htaccess file looks like :

    <IfModule authz_core_module>
    Require all denied
</IfModule>
<IfModule !authz_core_module>
    Deny from all
</IfModule>

Have you ensured that you can access it from the browser? http://localhost/ci/css/styles.css — kchason
– kchason, Commented Oct 16, 2017 at 18:57
I would next do what @Scriptonomy said, and how do you know it's "not working?" — kchason
– kchason, Commented Oct 16, 2017 at 19:00

Vickel · Accepted Answer · 2017-10-16 22:19:00Z

1

I use this approach:

folder structure:

example.com
|_ application
|_ assets
|_ system

CI 2.x

I've set $config['base_url'] = '';, this will work for local server and production server

CI 3.x

WARNING: You MUST set this ($config['base_url']) value! so I use below code to differentiate between local server and production server :

if ($_SERVER["HTTP_HOST"]=='ex.ample')
    $config['base_url'] =  'http://ex.ample/';
else
    $config['base_url'] =  'http://example.com/';

( I'm using at the local server a virtual host called ex.ample, change this to your needs)

in my folder assets I store assets/css/style.css

and call it in my view with:

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

edited Oct 16, 2017 at 22:19

user4419336

answered Oct 16, 2017 at 20:04

Vickel

7,9806 gold badges40 silver badges63 bronze badges

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

14 Comments

user4419336 Over a year ago

You need to set the base url in codeigniter 3 > versions as it says in the comment above it.

Vickel Over a year ago

@wolfgang1983: the leading slash makes it absolutely sure you loading a relative path, if you take it away CI 2.x might break...

user4419336 Over a year ago

I use it like href="<?php echo base_url('assets/css/style.css');?>" because your base url all ready has /

Vickel Over a year ago

@wolfgang1983 yes that's another correct approach, but you need to type more :)

Robert Ross Over a year ago

When tried the above i got : Call to undefined function base_url()

|

Uday Kumar · Accepted Answer · 2017-10-17 12:46:46Z

0

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

you are missing a semicolon at the end of base_url

This code is ok ensure that you are giving correct path

you can also use

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

answered Oct 17, 2017 at 12:46

Uday Kumar

1311 silver badge11 bronze badges

1 Comment

Vickel Over a year ago

"you do not need to have a semicolon terminating the last line of a PHP block". see php manual: php.net/manual/en/…

Collectives™ on Stack Overflow

Correct way to load CSS in a codeigniter view

2 Answers 2

14 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

14 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related