Login

04-26-2010, 10:26 AM

[eluser]lenwood[/eluser]
I'll throw in my solution. I'm using 960 grid system for my project, and need page specific CSS files (admin pages vs external pages, for instance). All of my CSS is stored in a /CSS folder, which I've listed in my .htaccess file. I call three views for each page, header, page-name and footer. I got this from Coder320 here.

Controller:

Code:
function index() {

  $data['title'] = "This is my page title.";

  $data['descr'] = "This is my meta description.";

  $data['css'] = array('/CSS/reset.css', '/CSS/text.css', '/CSS/960.css');

  $this->load->view('header', $data);

  $this->load->view('page-name');

  $this->load->view('footer');

Header:

Code:
&lt;html&gt;

&lt;head&gt;

&lt;title&gt;&lt;?php echo $title;?&gt;&lt;/title&gt;

&lt;meta name="description" content="&lt;?php echo $descr;?&gt;" /&gt;

&lt;?php

if(isset($css))

foreach($css as $file):

  echo '&lt;link rel="stylesheet" type="text/css" media="all" href="'.$file.'" /&gt;'."\n";

endforeach;

?&gt;

&lt;/head&gt;

&lt;body&gt;

This renders as:

Code:
&lt;html&gt;

&lt;head&gt;

&lt;title&gt;This is my page title.&lt;/title&gt;

&lt;meta name="description" content="This is my meta description." /&gt;

&lt;link rel="stylesheet" type="text/css" media="all" href="/CSS/reset.css" /&gt;

&lt;link rel="stylesheet" type="text/css" media="all" href="/CSS/text.css" /&gt;

&lt;link rel="stylesheet" type="text/css" media="all" href="/CSS/960.css" /&gt;

&lt;/head&gt;

&lt;body&gt;

For page specific CSS, I just tack on one more CSS file in the array with those specific updates and it works beautifully.