codeigniter: htaccess filtering out css?

Question

I have a codeigniter website which has a broken link structure. The initial page loads normally. My Navbar looks like:

<a class="brand" href="#">myproject</a>
          <div class="nav-collapse">
            <ul class="nav">
              <li class="active"><a href="#">Home</a></li>
              <li ><a href="http://localhost/projectname/basecontroller/Facts">Facts</a></li>
              <li ><a href="http://localhost/projectname/basecontroller/about">About</a></li>
              <li ><a href="http://localhost/projectname/basecontroller/contact">Contact</a></li>
              <!--<li ><a href="http://localhost/projectname/basecontroller/privacy">Privacy</a></li>-->
            </ul>
          </div><!--/.nav-collapse -->

I know this project worked correctly in the past . I believe it was deployed with a .htaccess file which is not present locally as I test it.

I've tested it with the following .htaccess file in the toot directory:

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

This appears to fix the directory structure by turning:

http://localhost/projectname/basecontroller/contact

into:

http://localhost/projectname/index.php/basecontroller/contact

but now all the js/css does not appear to be applied to the page ( I'm using bootstrap ).

The head of my pages looks like:

<!DOCTYPE html>
<html lang="en"><head>
        <base href="http://localhost/projectname/">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>my title </title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">    

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
    </style>
    <link href="css/bootstrap-responsive.css" rel="stylesheet">

How can I fix this?

sbeliv01 · Accepted Answer · 2014-03-27 21:45:43Z

3

I'd imagine that adding the css and js folders to the RewriteCond should do the trick (or whatever you named those directories):

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

This excludes those paths from the rewrite rule posted below.

answered Mar 27, 2014 at 21:45

sbeliv01

11.8k2 gold badges26 silver badges25 bronze badges

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

1 Comment

user1592380 Over a year ago

Thanks, That worked. Also I didn't realize that you can put folders in the RewriteCond

Jim OHalloran · Accepted Answer · 2014-03-27 21:57:08Z

1

As sbeliv01 said, you'll probably want to add css and js folders to the RewriteCond, to exclude them from rewrites.

I also notice from the head section...

<link href="css/bootstrap-responsive.css" rel="stylesheet">

... you're loading CSS from a relative URL, so http://localhost/projectname/ will load CSS from http://localhost/projectname/css/bootstrap-responsive.css, while http://localhost/projectname/basecontroller/facts/ will load from http://localhost/projectname/basecontroller/facts/css/bootstrap-responsive.css. You probably want to change your head section as follows:

<link href="http://localhost/projectname/css/bootstrap-responsive.css" rel="stylesheet">

answered Mar 27, 2014 at 21:57

Jim OHalloran

5,9292 gold badges41 silver badges59 bronze badges

2 Comments

user1592380 Over a year ago

Thank you. I'm actually setting the base tag like in philsturgeon.co.uk/blog/2009/09/…. It makes deployment easier.

Jim OHalloran Over a year ago

That's the best way for sure.

Collectives™ on Stack Overflow

codeigniter: htaccess filtering out css?

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related