|
그냥 넘어가도 되지만,
안되는게 있으면 하루종일 신경쓰는 성격이라서
염치를 무릎쓰고 다시한번 질문올립니다 ㅠ
우선, 코드이그니터 폴더는 이렇게 구성되어 있구요~
controller - login.php
<?php
class Login extends CI_Controller {
function index()
{
$data['main_content'] = 'login_form';
$this->load->view('includes/template', $data);
}
}
?>
views / includes / template.php && header.php && footer.php && login_form.php 이렇게 4개가 들어있는데
template.php
<?php $this->load->view('includes/header');?>
<?php $this->load->view($main_content);?>
<?php $this->load->view('includes/header');?>
header.php
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>무제 문서</title>
<LINK REL="stylesheet" TYPE="text/css" HREF="http://localhost/ci/index.php/css/style.css"/>
</head>
<body>
(위 부분은 웅파님의 답변으로 해결했는데 ci 뒤에 index.php를 붙이고 경로를 잡으니까, application 안에 있는 css폴더를
잡는가보더라구요~)
footer.php
</body>
</html>
login_form.php
<div id="login_form">
<h1>Login , Fool!</h1>
<?php
echo form_open('login/validate_credentials');
echo form_input('username','Username');
echo form_input('password','Password');
echo form_submit('submit','Login');
echo anchor('login/signup', 'Create Account');
?>
</div>
이렇게 구성되어 있는데 스타일 시트가 적용이 안되네요.
스타일 시트는 application 폴더의 css폴더안에 style.css라는 파일로 저장되어 있으며
/* CSS Document */
body {
background: #b6b6b6;
magin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
}
#login_form{
width:300px;
background:#f0f0f0 url(../img/login_bg.jpg) repeat-x 0 0;
border: 1px soild white;
margin: 250px auto 0;
padding: 1em;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
h1,h2,h3,h4,h5{
margin-top:0;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}
input[type=text], input[type=password] {
display:block;
margin:0 0 1em 0;
width: 280px;
border:5px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
padding: 1em;
}
input[type=submit], form a {
border:none;
margin-right:1em;
padding:6px;
text-decoration: none;
font-size:5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background:#348075;
color:white;
box-shadow: 0 1px 0 white;
-moz-box-shadow:0 1px 0 white;
-webkit-box-shadow:0 1px 0 white;
}
input[type=submit]:hover, form a:hover{
background:#287368;
cursor:pointer;
}
.error{
color:#393939;
font-size:15px;
}
fieldset{
width:300px;
margin:auto;
margin-bottom:2em;
display:block;
}
h1{
text-shadow: 0 1px 0 white;
}
#tutInfo{
background: #e3e3e3;
border-top 1px solid white;
position: absolute;
bottom : 0;
width:100%;
padding: .7em .7em .7em 2em;
}
처럼 코딩이 되어 있습니다.
왜 적용이 안되는지 .. 제가 보기에는 정말 문제 업어 보이는데,
어디서 잘못된건지 도무지 모르겠네요 .
혹시 이전 쿠키값이 남아서 그런가해서 , 쿠키도 지워봤거든요~
아시는분 계시나요?ㅠ
|
처음엔 다른 사람이 만든 소스 보시고 따라하세요. 다 이유가 있습니다.
매뉴얼 제대로 안보고 기본 사용법 모른 상태에서 마음대로 하면 삽질하는건 기본입니다.
프레임워크 사용하시기로 했으면 프레임워크의 사용법에 맞게 사용하세요.
application 디렉토리 하위에 css 디렉토리가 있다고 하시고 선언은 index.php/css/style.css 네요.