Login

09-25-2012, 05:57 AM

[eluser]dinisptc[/eluser]

this is my httpd.conf

<VirtualHost *:80>
ServerName localhost
DocumentRoot /var/www/site
SetEnv APPLICATION_ENV "development"
<Directory /var/www/site>
DirectoryIndex index.php
AllowOverride All
Order allow,deny
Allow from all
</Directory>
</VirtualHost>

my autoload

$autoload['helper'] = array('html','url','form');

this a part the header of my html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Welcome to CodeIgniter</title>


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



</head>
<body>

<?php echo "ola";?>
<?php echo base_url();?></br>
<?php echo base_url()."application/views/style.css"?>

<div id="wrapper">
....

this is my config

$config['base_url'] = 'localhost/';

the website location its at /var/www/site

the location of the css
/var/www/site
/var/www/site/application/views/styles.css

thanks

pedro

the css its not working

09-25-2012, 08:56 AM

[eluser]TWP Marketing[/eluser]
[EDIT] You don't need my php echo, so I removed it.

Move your css files to a separate 'css' folder at the root level

Code:
/css

/application

/system

Then your header css link would look like this:

Code:
&lt;link rel='stylesheet' type='text/css' media='all' href="css/styles.css" />

You can even go one level further and create a separate assets folder:

Code:
/assets

  |

  /css

  /js

  /images

/application

/system

Then your header css link would look like this:

Code:
&lt;link rel='stylesheet' type='text/css' media='all' href="assets/css/styles.css" />

09-25-2012, 12:03 PM

[eluser]dinisptc[/eluser]
thanks

its working now

09-25-2012, 12:30 PM

[eluser]Leon Stafford[/eluser]
I'd also recommend using a variable or constant for storing media paths, ie

define("CSS_PATH", "assets/css/");
define("JS_PATH", "assets/js/");
define("IMG_PATH", "assets/img/");

and so forth.

Then in your views, you can include as such:

<link rel='stylesheet' type='text/css' media='all' href="<?=CSS_PATH;?>styles.css" />

This helps when you are not sure if you will be changing the folders later on, which would otherwise require some recursive find and replacing.

I use both methods, whichever you are comfortable using.