[eluser]jblack199[/eluser]
when you load your external css you do it the same as you just did for the image.... take mine for example..
in my view file:
Code:
<link href="<?php echo base_url();?>inc/css/adm/ui.base.css" rel="stylesheet" />
<link href="<?php echo base_url();?>inc/css/adm/ui.login.css" rel="stylesheet" />
now as you can tell from that, ive got in my document_root a folder named inc.. inside that file i have 3 more folders... js, css and images...
my ui.base.css just has a bunch of @import commands in it... so in the first one it calls ui.core.css
Code:
body {background:#262626;}
a {text-decoration: none;}
#page_wrapper {
position: relative;
height: 100%;
width: 100%;
}
#page-header {
background: url('../../images/adm/header-bg.png') repeat-x;
height: 111px;
}
now remember how i said the image paths in CSS are relative to the path of the css file itself? thats why i have the ../../images in my last declaration there... by doing it it takes from base_url()inc/css/adm/ back to base_url()inc/images so my image loads fine...