Issue with css/image/js files in codeigniter base directory

Question

I've been stumbling around setting up the .htaccess file to redirect all requests to the index.php file under xampp in windows 7(removing index.php from the url), and think I may have created an issue for myself...but then again it may be unrelated.

I seem to be having an issue referencing the directories I have setup in the base directory for css, images, and js. I have tracked the issue down, but not sure how to resolve it just yet. If I navigate back a directory ../css/stye.css vs. css/style.css then the stylesheet will load. If I type in the base url or base url with index function call, everything loads as expected:

http://localhost/site
http://localhost/site/home

Now when I add the controller method name

http://localhost/site/home/index

my css is no longer included (until I go into firebug and navigate back a directory)

The code in my .htaccess file (that I found to work with xampp) located in my base directory is as follows:

RewriteEngine on
RewriteCond $1 !^(index\.php|resources|robots\.txt)
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php/$1 [L,QSA]

I openly admit to not not knowing as much as I probably should about .htaccess files.

CSS href:

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

EDIT

.htaccess file edited as suggested by Rajeev Ranjan

RewriteEngine on
RewriteCond $1 !^(index\.php|robots\.txt|css|images|js)
RewriteRule ^(.*)$ ./index.php/$1 [L]

I am operating off of the assumption that every view is working as if it where the index.php file itself and accessing directories in this manner. Everything works when using the base_url() function in front of the stylesheet, javascript, or image calls, but I am attempting not to rely on base_url() function in multiple locations of the view file.

Could you show the css href <link rel="stylesheet" type="text/css" href=""> — lighter
– lighter, Commented Dec 11, 2013 at 3:36

lighter · Accepted Answer · 2013-12-11 03:45:00Z

0

You can try this, example

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

answered Dec 11, 2013 at 3:45

lighter

2,8243 gold badges43 silver badges61 bronze badges

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

7 Comments

whitwhoa Over a year ago

Yes, this would solve the issue but the folders were moved into the base directory to resolve the need for using base_url() within the code.

lighter Over a year ago

You want to use another css folder's css file?

whitwhoa Over a year ago

The issue is not only with the css directory but the image and js directories as well. If I used base_url() before the calls to the css and js directories, I would still have to go into the code and add base_url() in front of every image I have in every view...this is what I was trying to get away from when i originally moved the directories into the base directory.

lighter Over a year ago

I think you can reference this stackoverflow.com/questions/5450095/…

whitwhoa Over a year ago

Thank you, but again...the issue is not solely about the css directory, but the js, and images directory as well. I would rather not use base_url() for every image that's displayed in the view :/

|

Rajeev Ranjan · Accepted Answer · 2013-12-11 04:28:09Z

0

I also faced this problem.please put this line in your .htaccess file

RewriteCond $1 !^(index\.php|images|robots\.txt|css|img|js)

ie. allow css .

Wampp :

RewriteEngine on
RewriteCond $1 !^(index\.php|images|robots\.txt|css|img|js)
RewriteRule ^(.*)$ ./index.php/$1 [L]

and calling css By

<link rel="stylesheet" href="<?php echo base_url();?>css/main/style.css"/>

or,

<link rel="stylesheet" href="<?php echo base_url('css/main/style.css');?>"/>

edited Dec 11, 2013 at 4:28

answered Dec 11, 2013 at 4:13

Rajeev Ranjan

4,1523 gold badges30 silver badges42 bronze badges

2 Comments

whitwhoa Over a year ago

Still no dice. Would you happen to have the .htaccess file that was working for you with xampp that I could compare with?

whitwhoa Over a year ago

I had high hopes but this still didn't solve my issue. If I mis-configured something in the config.php or routes.php file could this possibly be causing my issue?

Girish Kumar Sinha · Accepted Answer · 2014-01-24 10:40:02Z

0

RewriteEngine on
RewriteCond $1 !^(index\.php|images|robots\.txt|css|img|js)
RewriteRule ^(.*)$ ./index.php/$1 [L]

In second line ie;

RewriteCond $1 !^(index\.php|images|robots\.txt|css|img|js)

You have to pass the folder name of your css, js and image files like:
RewriteCond $1 !^(index\.php|images|robots\.txt|css|img|js|assets|images)

answered Jan 24, 2014 at 10:40

Girish Kumar Sinha

8128 silver badges13 bronze badges

Comments

whitwhoa · Accepted Answer · 2014-02-09 16:37:06Z

0

Finally figured this out! After working with codeigniter for the past few months and gaining a broader understanding about what exactly was going on in the .htaccess file, the solution was obvious. Since the .htaccess file was pointing to the controllers directory, whenever I would attempt to access my images/js/css files from '/images', etc it was looking inside the controllers directory.

To solve this case I set base_url = '' in config.php and where I call the images/js/css I transverse back a directory '../images/file.png'. Simple solution, just took a bit for my brain to click over :)

answered Feb 9, 2014 at 16:37

whitwhoa

2,4994 gold badges36 silver badges63 bronze badges

Collectives™ on Stack Overflow

Issue with css/image/js files in codeigniter base directory

4 Answers 4

7 Comments

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

7 Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related