CSS Loading issue

[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...