kだから、すべてのcssを別々のファイルに持っていますが、ロードされません。ルートディレクトリのcssというフォルダーに持っていて、ビューごとに別々のcssファイルがあります。ホームページにはロードされますが、他のページにはロードされません。
これは、ヘッダータグのビューで試したコードです:
<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' ?>" />
ルートからの私の CSS へのパスは次のとおりです: /css/(ファイル名).css
ルートからの私のビューへのパスは次のとおりです: /applications/view/(file name).php
私は何を間違っていますか?
私は mod_rewrite で codeigniter 2.1.3 を実行しています
編集:
これはブラウザからのソース コードです。
<!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 ファイルのコード:
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;
}