I downloaded a html theme from a website and i'm trying to put it in my codeigniter project. I copy and pasted the .html file from the downloaded theme folder into my view "index_v.php". I also copied the css folder directly into the views folder. The index_v.php file calls the .css file like this
<link rel="stylesheet" href="style.css">
Yet when I load the page it doesn't load the .css file.
You're probably running into an issue with relative paths. If your URL is /users/welcome/, it's looking for the file /users/welcome/style.css
Solutions:
Use a full URL: <link rel="stylesheet" href="http://example.com/style.css">
Use CI's link_tag() which will prepend your base url to the path
<link rel="stylesheet" href="/style.css">If you are unable to access the file directly, check your .htaccess file if you are using it. Most CI installations use something like this:
RewriteCond $1 !^(index\.php|public|robots\.txt)
RewriteRule ^(.*)$ /index.php?/$1 [L]
With this rule, there are two files and one directory that are allowed direct access (index.php, a directory named public, robots.txt). The rest is routed through index.php.
It's best to create a directory for all your static files (images, css etc.) and add this directory name to the exclusion list. Keeping those files in the directory root is just going to cause tons of clutter.
Instead of this
<link rel="stylesheet" href="style.css">
Try this:
<link rel="stylesheet" href="<?php echo base_url();?>">
Or if you have your css in a directory called css:
<link rel="stylesheet" href="<?php echo base_url();?>css/style.css">
Your Javascript will work the same way
You have to put that CSS file to the folder which you use to serve static content (I haven't used CI for a while.. probably static/ ? check your (apache) rewriterule... ). Then change the href so it's points to the file in that dir.
Use firebug and see what the URL is that the browser is trying to resolve the CSS at. I bet you will find that it is getting a 404.
Try appending /Application before the CSS file in your include i.e
<link rel="stylesheet" href="application/style.css">
The problem is the context in which your view is running.
Hope that helps
In codeigniter, the paths for content like css is relative to your webroot index.php file.
I advise you to place the css in an assets/css or /css folder in the webroot then your view's link will be
<link rel="stylesheet" href="assets/css/style.css">
for example.
Combining some of the answers above, this is what I did to get Blueprint.css to load in my CodeIgniter installation:
Open .htaccess. Change this...
RewriteCond $1 !^(index\.php|images|robots\.txt)
... to this:
RewriteCond $1 !^(index\.php|images|static|robots\.txt)
In your header file (e.g. /application/views/template/header.php), make your links site-relative:
<!-- Framework CSS -->
<link rel="stylesheet" href="/static/css/blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="/static/css/blueprint/print.css" type="text/css" media="print">
<!--[if lt IE 8]><link rel="stylesheet" href="/static/css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
Note that this method works for any static content (e.g. Prototype.js, jQuery, common images, etc.). Just make your href links site-relative and it should work.
And there's nothing special about "static" as a folder name. It's just the name I chose arbitrarily.
