我正在尝试在codeigniter中从getskeleton.com加载骨架CSS,我正在使用一个模板系统,我在一个视图中分离我的标题(打开html,指向CSS的链接,页面的标题),导航栏在另一个视图中,第三个视图中的主要内容,第四个视图中的侧栏,以及第五个中的页脚和关闭 html,我尝试将它们附加到控制器中的变量以加载视图,也尝试使用模板视图加载每个视图,两个系统都可以正常加载视图,后者是我在开始尝试使用骨架之前所拥有的,它可以很好地加载 css,但是没有一个系统会加载骨架 css 文件。如果我将纯 html 中的布局作为一个完整的文档正确加载,那么所有加载都很好,我做错了什么?
这就是我的观点:
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>The GroundScore Way</title>
<meta name="description" content="">
<meta name="author" content="John Fyffe">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="http://gscore.webege.com/css/base.css">
<link rel="stylesheet" href="http://gscore.webege.com/css/skeleton.css">
<link rel="stylesheet" href="http://gscore.webege.com/css/layout.css">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
</head>
<body>
<!-- Primary Page Layout
================================================== -->
<!-- Delete everything in this .container and get started on your own site! -->
<div class="container">
<?php include_once("analyticstracking.php"); ?>
<div id='header' class="sixteen columns">
<img src="http://gscore.webege.com/imgs/gsbanner.jpeg" alt=""/>
</div>
这是导航:
<div id='nav' class="four columns">
<?php
for($i =0; $i >= 9; $i++)
{
echo '<BR />';
}
$keys[1]= array(
'home', 'about', 'members', 'news', 'blog', 'projects', 'portfolios', 'contact'
);
$keys[2]= array(
'login', 'signup'
);
$keys[3]= array(
'logout'
);
foreach($keys[1] as $link)
{
if($page != $link)
{
echo '<a href='.base_url("main/page/$link").'><img src="'.base_url("imgs/".$link."_0.png").'" /></a>';
echo '<br/>';
}
}
echo '<br/><br/>';
foreach($keys[2] as $link)
{
if(!$this->session->userdata('is_logged_in'))
{
if($page != $link)
{
echo '<a href='.base_url("main/page/$link").'><img src="'.base_url("imgs/".$link."_0.png").'" /></a>';
echo '<br/>';
}
}
}
这是主要内容:
<div id='main' class="eight columns">
<?php
$page = $pd['results'];
foreach($page as $row){
$title = $row->title;
$cnt_tl = $row->cnt_title1;
$text1 = $row->text1;
$text2 = $row->text2;
}
echo heading($title, 1);
echo heading($cnt_tl, 2);
echo '<BR />';
echo '<p>'.$text1.'</p>';
?>
</div>
这是侧边栏(我没有开发任何试图首先让显示正确的东西):
<div id='side' class="four columns">
<p>this is the side bar</p>
</div>
这是页脚:
<div id='footer' class="sixteen columns">
<p>©Copyright (c) 2012 ground-score.com. All rights reserved.</span> </P>
</div>
</div><!-- container -->
<!-- End Document
================================================== -->
</body>
</html>