我最近调试了我的标头css和js连接上的所有错误,没有错误,但css仍然无法正常工作。但是我的观点格式发生了变化,但并不是我想要的。
的login.php
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Login extends CI_Controller {
public function index(){
$data['main_content'] = 'login_view';
$this->load->view('includes/viewtemplates',$data);
}
viewTemplates.php
<?php $this->load->view('includes/header'); ?>
<?php $this->load->view($main_content); ?>
<?php $this->load->view('includes/footer'); ?>
的header.php
<!--DOCTYPE html-->
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Login</title>
<link rel="stylesheet" href="<?php echo base_url();?>public/css/bootstrap-responsive.min.css" type="text/css" media="screen" title="no title" charset="utf-8">
<link rel="stylesheet" href="<?php echo base_url();?>public/css/style.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script src="<?php echo base_url();?>public/js/jquery.js"></script>
<script src="<?php echo base_url();?>public/js/bootstrap.js"></script>
</head>
<body>
<header>
</header>
自举-responsive.min.css
body {
background: #F0F0F0 ;
margin: 0;
padding: 0;
font-family: 'times-new roman';
}
#login_form {
width: 300px;
background: 3333FF;
border: 1px solid white;
margin: 100px auto 0;
padding: 1em;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
h1, h2, h3, h4, h5 {
margin-top = 0;
text-align: center;
color: 000033;
text-shadow: 0 1px 0;
}
答案 0 :(得分:0)
网站图片存在问题,无法正确加载
你可以使用基本标签(你需要在<base>
中添加<head>
标签)...
<base href="<?php echo base_url();?>public/">
并确保image floder在公共目录中
答案 1 :(得分:0)
确保您必须在控制器或autoload.php
中加载 URL帮助程序类,因为要使用base_url()
(速记),您需要加载URL帮助程序
$this->load->helper('url');
您可以使用简写base_url()
:
<?php echo base_url();?>
我没有在控制器中看到 URL 帮助器。
同时检查 HTML 查看来源并点击网址,您将获得更好的理解。
您还可以选中base_url()
中可用的结尾斜线 / 或不是
如果您的网址如下所示,这也无效:
<script src="<?php echo base_url();?>public/js/jquery.js"></script>
// example.compublic/js...