k so i have all my css in separate files but it wont load, i have it in a folder called css in the root directory and have separate css files for each view. it does load on the home page but none of the others.
This is the code that i have tried in my views in the header tag:
<link rel="stylesheet" type="text/css" href="/css/(name of file for specific view).css" />
<link rel="stylesheet" type="text/css" href="css/(name of file for specific view).css" />
<link rel="stylesheet" type="text/css" href="<?php base_url() ?>css/about.css" />
<link rel="stylesheet" type="text/css" href="<?php base_url('css/about.css') ?>" />
<link rel="stylesheet" type="text/css" href="<?php base_url().'css/about.css' ?>" />
<link rel="stylesheet" type="text/css" href="<?php base_url().'/css/about.css' ?>" />
<link rel="stylesheet" type="text/css" href="<?php echo base_url() . 'css/about.css' ?>" />
the path to my css from root is: /css/(file name).css
the path to my view from root is: /applications/view/(file name).php
what am i doing wrong?
i am running codeigniter 2.1.3 with mod_rewrite
Edit:
This is source code from browser:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The Groundscore Way</title>
<link rel="stylesheet" type="text/css" href="/css/about.css" />
</head>
<body>
<div class='site'>
<div class='ban' >
<img src="http://www.ground-score.com/imgs/gs_banner_med.JPEG" />
</div>
<div class='map'>
<BR /><BR /><BR /><BR />
<A HREF="http://www.ground-score.com/main/home" TITLE="home" ><img src="http://www.ground-score.com/imgs/home_0.png"></A>
<BR />
<A HREF="http://www.ground-score.com/main/about" TITLE="about" ><img src="http://www.ground-score.com/imgs/about_0.png" /></A>
<BR />
<A HREF="http://www.ground-score.com/main/members" TITLE="members" ><img src="http://www.ground-score.com/imgs/members_0.png" /></A>
<BR />
<A HREF="http://www.ground-score.com/main/news" TITLE="members" ><img src="http://www.ground-score.com/imgs/news_0.png" /></A>
<BR />
<A HREF="http://www.ground-score.com/main/blog" TITLE="blog" ><img src="http://www.ground-score.com/imgs/blog_0.png" /></A>
<BR />
<A HREF="http://www.ground-score.com/main/projects" TITLE="projects" ><img src="http://www.ground-score.com/imgs/projects_0.png" /></A>
<BR />
<A HREF="http://www.ground-score.com/main/portfolios" TITLE="portfolios" ><img src="http://www.ground-score.com/imgs/portfolios_0.png" /></A>
<BR />
<A HREF="http://www.ground-score.com/main/contact"TITLE="contact" ><img src="http://www.ground-score.com/imgs/contact_0.png" /></A>
<BR />
<BR /><a href=http://www.ground-score.com/main/login><img src="http://www.ground-score.com/imgs/log_in_0.png" /></a><BR /><a href=http://www.ground-score.com/main/signup><img src="http://www.ground-score.com/imgs/sign_up_0.png" /></a><BR /> </div>
<div class='content'>
</div>
<div class=cpwrt>
<P> <span style="color:#ffffff;"> Copyright (c) 2012 ground-score.com. All rights reserved.</span> </P>
</div>
</div>
</body>
</html>
<!-- Hosting24 Analytics Code -->
<script type="text/javascript" src="http://stats.hosting24.com/count.php"></script>
<!-- End Of Analytics Code -->
css file code:
p
{
color:black;
font-family:arial;
line-height:130%;
}
body
{
background-image:url('/imgs/green_tex.jpg');
}
.ban
{
position:absolute;
top:20px;
left:25%;
}
.map
{
position:absolute;
top:20px;
left:5%;
border-style:solid;
border-color:black;
width:130px;
height:625px;
padding:12px;
border-width:1px;
background:#9d1e15
}
h2
{
text-align:center;
}
.content
{
position:absolute;
top:16%;
left:25%;
border-style:solid;
border-color:black;
padding:8px;
border-width:1px;
background:white;
width:583px;
height:542px;
}
.cpwrt
{
position:absolute;
top:97%;
left:33%;
}
.site
{
position:absolute;
top:0px;
left:0px;
width:1200px;
height:690px;
}
Ok it works now, the only way I got it to way to type
https://and allhttps://www.site.com/css/(file).css