묻고답하기

늅늅입니다...ㅠ

 

레이아웃을 직접 만들고 있는데

 

로그인 폼을 제작도중... ul>li 에 input text, pw 를 놓고

 

ul li를 inline 시켜서 ul 밖에 submit 을 놓으려 하는데..

 

뭐가 이상이 있는건지 아래 사진처럼 공란(초록색)이 계속 생겨서 문의 드립니다..ㅠ

 

web.png

 

 

해당부분의 CSS는 아래와 같습니다...

 

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
.smt_login_form{
	position:fixed;
	padding:8px;
	top:50%;
	left:50%;
	margin-left:-150px;
	margin-top:-125px;
	width:300px;
	height:250px;
	background-color:#fff;
	z-index:20;
}

.login_form_contents ul li{
	display:inline-block;
}
.login_form_contents>ul{
	display:inline;
}
.login_form_contents>ul{
	width:300px;
}
.login_form_contents input[type="text"]{
	float:left;
	width:180px;
}
.login_form_contents input[type="password"]{
	float:left;
	width:180px;
}
.login_form_contents input[type="submit"]{
	float:right;
	width:82px;
	height:52px;
}

 

 

 

html은 다음과 같습니다.

 

 


 
  1. <div cond="!$is_logged" class="smt_login_form">
  2. <h1>{$lang->cmd_login}</h1>
  3. <hr>
  4. <form class="login_form" action="{getUrl('','act','procMemberLogin')}" method="post" ruleset="@login">
  5. <input type="hidden" name="act" value="procMemberLogin" />
  6. <input type="hidden" name="success_return_url" value="{htmlspecialchars(getRequestUriByServerEnviroment(), ENT_COMPAT | ENT_HTML401, 'UTF-8', false)}" />
  7. <input type="hidden" name="xe_validator_id" value="widgets/login_info/skins/xe_official/login_form/1" />
  8. <div class="login_form_contents">
  9. <ul>
  10. <li><input type="text" name="user_id"></li>
  11. <li><input type="password" name="password"></li>
  12. </ul>
  13. <input type="submit" value="{$lang->cmd_login}">
  14. </div>
  15. </form>
  16. </div>
태그 연관 글
  1. [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요? by 가입명
  2. [2020/09/04] 묻고답하기 존재하지 않는 회원 아이디입니다 by Crack리브레 *1
  3. [2020/02/08] 묻고답하기 bootstrap dorpdown 검색창 by 나눔고딕a
  4. [2020/01/31] 묻고답하기 2단메뉴 by ppumweb *2
  5. [2020/01/30] 묻고답하기 3차메뉴 표시 방법 이게 맞나요? by LYG