include css js in view page of codeigniter

Question

hey everyone i'm facing a problem in codeigniter how to include css and jquery.

+application
  +views
    -welcome_message.php
  +assets
     +css
      -template.css
     +js
+system
+user_guide.


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

firebug show path like:-

<link type="text/css" rel="stylesheet" href="http://localhost/CodeIgniter_2.1.3/application/assets/css/template.css">

i don't understand why it's css is not working.

i find this thing on firebug:-

<link type="text/css" rel="stylesheet" href="http://localhost/CodeIgniter_2.1.3/assets/css/template.css">
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>404 Not Found</title>
</head><body>
<h1>Not Found</h1>
<p>The requested URL /CodeIgniter_2.1.3/assets/css/template.css was not found on this server.</p>
</body></html>
</link>

and what is your question ??? the path isn't working ??

bipen
– bipen

2013-06-12 08:17:49 +00:00
Commented Jun 12, 2013 at 8:17 — bipen
– bipen, Commented Jun 12, 2013 at 8:17
Path is correct? or what do you expect?

Alessandro Minoccheri
– Alessandro Minoccheri

2013-06-12 08:18:17 +00:00
Commented Jun 12, 2013 at 8:18 — Alessandro Minoccheri
– Alessandro Minoccheri, Commented Jun 12, 2013 at 8:18
css in not working....

Ankur Saxena
– Ankur Saxena

2013-06-12 08:19:10 +00:00
Commented Jun 12, 2013 at 8:19 — Ankur Saxena
– Ankur Saxena, Commented Jun 12, 2013 at 8:19
okey may be way of prviding path in not correct.

Ankur Saxena
– Ankur Saxena

2013-06-12 08:27:27 +00:00
Commented Jun 12, 2013 at 8:27 — Ankur Saxena
– Ankur Saxena, Commented Jun 12, 2013 at 8:27

tomexsans · Accepted Answer · 2013-06-12 08:27:47Z

1

Best practice is to create an assets Directory outside the APPLICATION Directory not inside.

so you're directory structure would be

+APPLICATION
+ASSETS
+SYSTEM

its up to you how you divide the resources inside the ASSETS DIrectory

now you can use base_url()/assets/your-directories/yourfiles.ext to access whatever you wanted. Or create your own helper

i.e

style_url();
script_url();
image_url();

answered Jun 12, 2013 at 8:27

tomexsans

4,5374 gold badges37 silver badges49 bronze badges

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

Comments

sinisake · Accepted Answer · 2013-06-12 08:21:11Z

0

Place css in root folder of site, inside assets dir and try this:

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

Also, check image paths in it.

answered Jun 12, 2013 at 8:21

sinisake

11.3k2 gold badges21 silver badges29 bronze badges

2 Comments

Ankur Saxena Over a year ago

it's not working.i already tried it but sorry to say i doesn't work for me.

shin Over a year ago

@Ankur Saxena: You need to move your assets folder to the root.

GautamD31 · Accepted Answer · 2013-06-12 09:30:41Z

0

Try like this

<link rel="stylesheet" href="<?php echo site_url();?>/assets/css/template.css">

We cont use base url in some cases that your site url will include the index.php but your base url will not.And you need to give type="text/css" for this.

And also makesure that your css files should have the permissions to read and execute(may also)

answered Jun 12, 2013 at 9:30

GautamD31

28.8k10 gold badges66 silver badges86 bronze badges

Comments

ImBhavin95 · Accepted Answer · 2017-05-19 11:08:54Z

0

So Simple

Set Your base_url in application/config/config.php file example given below

$config['base_url'] = 'your site url here';

After include CSS or JS files as

<!-- If Your Path is yoursitefolder/theme/css/style.css -->
<link rel="stylesheet" href="<?php echo base_url('theme/css/style.css'); ?>"> 

<!-- If Your Path is yoursitefolder/theme/js/vendor.js -->
<script src="<?php echo base_url('theme/js/vendor.js'); ?>"></script>

answered May 19, 2017 at 11:08

ImBhavin95

1,5232 gold badges18 silver badges29 bronze badges

Collectives™ on Stack Overflow

include css js in view page of codeigniter

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related