div 로 된 로그인 다시 질문 드립니다... ㅠㅠ 정보
div 로 된 로그인 다시 질문 드립니다... ㅠㅠ본문
오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.
오류 주소 : http://ninw.org/
여기 들어가보시면... 상단의 로그인을 눌렀을때...
아이디... 패스워드 부분이 왼쪽으로 붙습니다...
아주 큰 모니터일때는 너무 왼쪽으로 가서... 저부분만 센터 정렬 하고싶은데...
조금 헷갈리네요...
로그인 스킨의 소스를 보면...
------------------------------------------
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$url = '';
if ($g4['https_url']) {
if (preg_match("/^\./", $urlencode))
$url = $g4[url];
else
$url = $g4[url].$urlencode;
} else {
$url = $urlencode;
}
?>
<style>
<!--
#top {
background: url(<?=$outlogin_skin_path?>/images/login_top.jpg) repeat-x 0 0;
height: 38px;
position: relative;
}
#top ul.login {
display: block;
position: relative;
float: right;
clear: right;
height: 38px;
width: auto;
font-weight: bold;
line-height: 38px;
margin: 0;
right: 150px;
color: white;
font-size: 80%;
text-align: center;
background: url(<?=$outlogin_skin_path?>/images/login_r.jpg) no-repeat right 0;
padding-right: 45px;
}
#top ul.login li.left {
background: url(<?=$outlogin_skin_path?>/images/login_l.jpg) no-repeat left 0;
height: 38px;
width: 45px;
padding: 0;
margin: 0;
display: block;
float: left;
}
#top ul.login li {
text-align: left;
padding: 0 6px;
display: block;
float: left;
height: 38px;
background: url(<?=$outlogin_skin_path?>/images/login_m.jpg) repeat-x 0 0;
}
#top ul.login li a {
color: #33CCCC;
}
#top ul.login li a:hover {
color: white;
}
/*Login*/
/* toggle effect - show/hide login*/
#login {
width: 100%;
color: white;
background: #1E1E1E;
overflow: hidden;
position: relative;
z-index: 3;
height: 0;
}
#login a {
text-decoration: none;
color: #33CCCC;
}
#login a:hover {
color: white;
}
#login .loginContent {
width: 550px;
height: 80px;
margin: 0 auto;
padding-top: 25px;
text-align: left;
font-size: 0.85em;
}
#login .loginContent .left {
width: 220px;
float: left;
padding-left: 25px;
font-size: 0.95em;
}
#login .loginContent .right {
width: 350px;
float: right;
text-align: right;
padding-right: 65px;
font-size: 0.95em;
}
#login .loginContent form {
margin: 0 0 10px 0;
height: 26px;
}
#login .loginContent input.field {
border: 1px #1A1A1A solid;
background: #464646;
margin-right: 5px;
margin-top: 4px;
color: white;
height: 16px;
}
#login .loginContent input:focus.field {
background: #545454;
}
#login .loginContent input.rememberme {
border: none;
background: transparent;
margin: 0;
padding: 0;
}
#login .loginContent input.button_login {
width: 47px;
height: 20px;
cursor: pointer;
border: none;
background: transparent url(<?=$outlogin_skin_path?>/images/button_login.jpg) no-repeat 0 0;
}
#login .loginClose {
display: block;
position: absolute;
right: 15px;
top: 10px;
width: 70px;
font-size: 0.8em;
text-align: left;
}
#login .loginClose a {
display: block;
width: 100%;
height: 20px;
background: url(<?=$outlogin_skin_path?>/images/button_close.jpg) no-repeat right 0;
padding-right: 10px;
border: none;
font-size: 0.9em;
color: white;
}
#login .loginClose a:hover {
background: url(<?=$outlogin_skin_path?>/images/button_close.jpg) no-repeat right -20px;
}
-->
</style>
<link rel="stylesheet" href="<?=$outlogin_skin_path?>/style.css" type="text/css" media="screen" />
<script type="text/javascript" src="<?=$outlogin_skin_path?>/js/mootools-1.2-core-yc.js"></script>
<script type="text/javascript" src="<?=$outlogin_skin_path?>/js/mootools-1.2-more.js"></script>
<script type="text/javascript" src="<?=$outlogin_skin_path?>/js/fx.slide.js"></script>
<script type="text/javascript" src="<?=$g4[path]?>/js/capslock.js"></script>
<script type="text/javascript">
// 엠파스 로긴 참고
var bReset = true;
function chkReset(f)
{
if (bReset) { if ( f.mb_id.value == '아이디' ) f.mb_id.value = ''; bReset = false; }
document.getElementById("pw1").style.display = "none";
document.getElementById("pw2").style.display = "";
}
</script>
<!-- Login -->
<div id="login">
<div class="loginContent">
<form name="fhead" method="post" onsubmit="return fhead_submit(this);" autocomplete="off" style="margin:0px;">
<input type="hidden" name="url" value="<?=$url?>">
<label for="log"><b>아이디: </b></label>
<input class="field" type="text" name="mb_id" id="log" size="20" maxlength="20" required itemname="아이디" value='아이디' onMouseOver='chkReset(this.form);' onFocus='chkReset(this.form);' />
<label for="pwd"><b>비밀번호:</b></label>
<span id=pw1><input class="field" type="password" maxlength="20" required itemname="패스워드" value='패스워드' onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);' id="pwd" size="20" /></span>
<span id=pw2 style='display:none;'><input class="field" name="mb_password" id="outlogin_mb_password" type="password" class=ed size="20" maxlength="20" itemname="패스워드" onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);' onKeyPress="check_capslock(event, 'outlogin_mb_password');"></span>
<input type="submit" name="submit" value="" class="button_login" />
<input type="hidden" name="redirect_to" value=""/>
</form>
<div class="left">
<label for="rememberme"><div style="float:left;"><input type="checkbox" name="auto_login" value="1" onclick="if (this.checked) { if (confirm('자동로그인을 사용하시면 다음부터 회원아이디와 패스워드를 입력하실 필요가 없습니다.\n\n\공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n자동로그인을 사용하시겠습니까?')) { this.checked = true; } else { this.checked = false; } }"></div> 자동로그인</label></div>
<div class="right">회원이 아니세요? <a href="<?=$g4[bbs_path]?>/register.php">회원가입</a> | <a href="javascript:win_password_forget();">비밀번호찾기</a></div>
</div>
<div class="loginClose"><a href="#" id="closeLogin">닫기</a></div>
</div> <!-- /login -->
<div id="top">
<!-- login -->
<ul class="login">
<li class="left"> </li>
<li>어서오세요!</li>
<li>|</li>
<li><a id="toggleLogin" href="#">로그인</a></li>
</ul> <!-- / login -->
</div> <!-- / top -->
<script language="JavaScript">
function fhead_submit(f)
{
if (!f.mb_id.value) {
alert("회원아이디를 입력하십시오.");
f.mb_id.focus();
return false;
}
if (document.getElementById('pw2').style.display!='none' && !f.mb_password.value) {
alert("패스워드를 입력하십시오.");
f.mb_password.focus();
return false;
}
<?
if ($g4[https_url])
echo "f.action = '$g4[https_url]/$g4[bbs]/login_check.php';";
else
echo "f.action = '$g4[bbs_path]/login_check.php';";
?>
return true;
}
</script>
-----------------------------------------------------------------------
이런식으로 되어있습니다...
저기서 어느부분을 고쳐야..아이디 패스워드랑...회원가입 등등 저부분이 센터로 가나요???
오류 주소 : http://ninw.org/
여기 들어가보시면... 상단의 로그인을 눌렀을때...
아이디... 패스워드 부분이 왼쪽으로 붙습니다...
아주 큰 모니터일때는 너무 왼쪽으로 가서... 저부분만 센터 정렬 하고싶은데...
조금 헷갈리네요...
로그인 스킨의 소스를 보면...
------------------------------------------
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$url = '';
if ($g4['https_url']) {
if (preg_match("/^\./", $urlencode))
$url = $g4[url];
else
$url = $g4[url].$urlencode;
} else {
$url = $urlencode;
}
?>
<style>
<!--
#top {
background: url(<?=$outlogin_skin_path?>/images/login_top.jpg) repeat-x 0 0;
height: 38px;
position: relative;
}
#top ul.login {
display: block;
position: relative;
float: right;
clear: right;
height: 38px;
width: auto;
font-weight: bold;
line-height: 38px;
margin: 0;
right: 150px;
color: white;
font-size: 80%;
text-align: center;
background: url(<?=$outlogin_skin_path?>/images/login_r.jpg) no-repeat right 0;
padding-right: 45px;
}
#top ul.login li.left {
background: url(<?=$outlogin_skin_path?>/images/login_l.jpg) no-repeat left 0;
height: 38px;
width: 45px;
padding: 0;
margin: 0;
display: block;
float: left;
}
#top ul.login li {
text-align: left;
padding: 0 6px;
display: block;
float: left;
height: 38px;
background: url(<?=$outlogin_skin_path?>/images/login_m.jpg) repeat-x 0 0;
}
#top ul.login li a {
color: #33CCCC;
}
#top ul.login li a:hover {
color: white;
}
/*Login*/
/* toggle effect - show/hide login*/
#login {
width: 100%;
color: white;
background: #1E1E1E;
overflow: hidden;
position: relative;
z-index: 3;
height: 0;
}
#login a {
text-decoration: none;
color: #33CCCC;
}
#login a:hover {
color: white;
}
#login .loginContent {
width: 550px;
height: 80px;
margin: 0 auto;
padding-top: 25px;
text-align: left;
font-size: 0.85em;
}
#login .loginContent .left {
width: 220px;
float: left;
padding-left: 25px;
font-size: 0.95em;
}
#login .loginContent .right {
width: 350px;
float: right;
text-align: right;
padding-right: 65px;
font-size: 0.95em;
}
#login .loginContent form {
margin: 0 0 10px 0;
height: 26px;
}
#login .loginContent input.field {
border: 1px #1A1A1A solid;
background: #464646;
margin-right: 5px;
margin-top: 4px;
color: white;
height: 16px;
}
#login .loginContent input:focus.field {
background: #545454;
}
#login .loginContent input.rememberme {
border: none;
background: transparent;
margin: 0;
padding: 0;
}
#login .loginContent input.button_login {
width: 47px;
height: 20px;
cursor: pointer;
border: none;
background: transparent url(<?=$outlogin_skin_path?>/images/button_login.jpg) no-repeat 0 0;
}
#login .loginClose {
display: block;
position: absolute;
right: 15px;
top: 10px;
width: 70px;
font-size: 0.8em;
text-align: left;
}
#login .loginClose a {
display: block;
width: 100%;
height: 20px;
background: url(<?=$outlogin_skin_path?>/images/button_close.jpg) no-repeat right 0;
padding-right: 10px;
border: none;
font-size: 0.9em;
color: white;
}
#login .loginClose a:hover {
background: url(<?=$outlogin_skin_path?>/images/button_close.jpg) no-repeat right -20px;
}
-->
</style>
<link rel="stylesheet" href="<?=$outlogin_skin_path?>/style.css" type="text/css" media="screen" />
<script type="text/javascript" src="<?=$outlogin_skin_path?>/js/mootools-1.2-core-yc.js"></script>
<script type="text/javascript" src="<?=$outlogin_skin_path?>/js/mootools-1.2-more.js"></script>
<script type="text/javascript" src="<?=$outlogin_skin_path?>/js/fx.slide.js"></script>
<script type="text/javascript" src="<?=$g4[path]?>/js/capslock.js"></script>
<script type="text/javascript">
// 엠파스 로긴 참고
var bReset = true;
function chkReset(f)
{
if (bReset) { if ( f.mb_id.value == '아이디' ) f.mb_id.value = ''; bReset = false; }
document.getElementById("pw1").style.display = "none";
document.getElementById("pw2").style.display = "";
}
</script>
<!-- Login -->
<div id="login">
<div class="loginContent">
<form name="fhead" method="post" onsubmit="return fhead_submit(this);" autocomplete="off" style="margin:0px;">
<input type="hidden" name="url" value="<?=$url?>">
<label for="log"><b>아이디: </b></label>
<input class="field" type="text" name="mb_id" id="log" size="20" maxlength="20" required itemname="아이디" value='아이디' onMouseOver='chkReset(this.form);' onFocus='chkReset(this.form);' />
<label for="pwd"><b>비밀번호:</b></label>
<span id=pw1><input class="field" type="password" maxlength="20" required itemname="패스워드" value='패스워드' onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);' id="pwd" size="20" /></span>
<span id=pw2 style='display:none;'><input class="field" name="mb_password" id="outlogin_mb_password" type="password" class=ed size="20" maxlength="20" itemname="패스워드" onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);' onKeyPress="check_capslock(event, 'outlogin_mb_password');"></span>
<input type="submit" name="submit" value="" class="button_login" />
<input type="hidden" name="redirect_to" value=""/>
</form>
<div class="left">
<label for="rememberme"><div style="float:left;"><input type="checkbox" name="auto_login" value="1" onclick="if (this.checked) { if (confirm('자동로그인을 사용하시면 다음부터 회원아이디와 패스워드를 입력하실 필요가 없습니다.\n\n\공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n자동로그인을 사용하시겠습니까?')) { this.checked = true; } else { this.checked = false; } }"></div> 자동로그인</label></div>
<div class="right">회원이 아니세요? <a href="<?=$g4[bbs_path]?>/register.php">회원가입</a> | <a href="javascript:win_password_forget();">비밀번호찾기</a></div>
</div>
<div class="loginClose"><a href="#" id="closeLogin">닫기</a></div>
</div> <!-- /login -->
<div id="top">
<!-- login -->
<ul class="login">
<li class="left"> </li>
<li>어서오세요!</li>
<li>|</li>
<li><a id="toggleLogin" href="#">로그인</a></li>
</ul> <!-- / login -->
</div> <!-- / top -->
<script language="JavaScript">
function fhead_submit(f)
{
if (!f.mb_id.value) {
alert("회원아이디를 입력하십시오.");
f.mb_id.focus();
return false;
}
if (document.getElementById('pw2').style.display!='none' && !f.mb_password.value) {
alert("패스워드를 입력하십시오.");
f.mb_password.focus();
return false;
}
<?
if ($g4[https_url])
echo "f.action = '$g4[https_url]/$g4[bbs]/login_check.php';";
else
echo "f.action = '$g4[bbs_path]/login_check.php';";
?>
return true;
}
</script>
-----------------------------------------------------------------------
이런식으로 되어있습니다...
저기서 어느부분을 고쳐야..아이디 패스워드랑...회원가입 등등 저부분이 센터로 가나요???
댓글 전체

xhtml이 아닌 경우에는 div에 width값을 주시고 center로 보내시면 됩니다.