묻고답하기

늅늅입니다...ㅠ

 

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

 

로그인 폼을 제작도중... 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. [2019/03/28] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. by Spooky *1
  2. [2019/03/15] 포럼 웹 에이전시 디스케이션에서 레이아웃 템플릿 판매 개시했습니다. by 디스케이션 *2
  3. [2019/01/24] 묻고답하기 j_maltese_login 로그인 관련 문제입니다. by 눈물꽃
  4. [2019/01/04] 묻고답하기 카메론 위젯에서 날짜부분을 올리고 싶어요. by 퓨라 *1
  5. [2018/08/09] 묻고답하기 니코 위젯스타일 제목 색상을 바꾸고 싶어요? by 호돌이옆집아저씨