묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
ul li을 inline 상태로 둔 상황에서 submit input 위치 질문
2015.05.17 11:10
늅늅입니다...ㅠ
레이아웃을 직접 만들고 있는데
로그인 폼을 제작도중... ul>li 에 input text, pw 를 놓고
ul li를 inline 시켜서 ul 밖에 submit 을 놓으려 하는데..
뭐가 이상이 있는건지 아래 사진처럼 공란(초록색)이 계속 생겨서 문의 드립니다..ㅠ
해당부분의 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은 다음과 같습니다.
-
<div cond="!$is_logged" class="smt_login_form">
-
<h1>{$lang->cmd_login}</h1>
-
<hr>
-
<form class="login_form" action="{getUrl('','act','procMemberLogin')}" method="post" ruleset="@login">
-
<input type="hidden" name="act" value="procMemberLogin" />
-
<input type="hidden" name="success_return_url" value="{htmlspecialchars(getRequestUriByServerEnviroment(), ENT_COMPAT | ENT_HTML401, 'UTF-8', false)}" />
-
<input type="hidden" name="xe_validator_id" value="widgets/login_info/skins/xe_official/login_form/1" />
-
<div class="login_form_contents">
-
<ul>
-
<li><input type="text" name="user_id"></li>
-
<li><input type="password" name="password"></li>
-
</ul>
-
<input type="submit" value="{$lang->cmd_login}">
-
</div>
-
</form>
-
</div>
태그 연관 글
- [2023/08/23] 묻고답하기 쇼핑몰 기능
- [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요?
- [2020/09/04] 묻고답하기 존재하지 않는 회원 아이디입니다 *1
- [2020/02/08] 묻고답하기 bootstrap dorpdown 검색창
- [2020/01/31] 묻고답하기 2단메뉴 *2
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
ING | 게시판 아이콘 정렬 [1] | 2015.10.16 by 키스투엑스이 |
오정인 | 게시판이름을 지정해주셔야합니다. 메시지~~ | |
gaowl | 쪽지 보낼 때 입력폼에서 글씨색 변경하는 법 좀 알려주세요 ㅠㅠ [1] | 2015.10.08 by mindpainter |
Ystory | 서브메뉴 세로에서 가로로 이동 하는 방법. | |
bb | 드롭다운 메뉴바 길이...ㅠㅠㅠ [2] | 2015.08.17 by DoorWeb |
더블엠씨 | 스케치북 게시판(웹진형 카드디자인)의 목록의 글자를 키우고 싶습니다. 5시간째 방황중입니다 .ㅜㅜ [9] | 2015.07.31 by 더블엠씨 |
Jami | 패밀리사이트 링크 관련 질문. [2] | 2015.07.07 by Jami |
불금 | 새글 알림 애드온 질문입니다. | |
루트엘 | ul li을 inline 상태로 둔 상황에서 submit input 위치 질문 [2] | 2015.05.19 by 루트엘 |
착한동구 | 트래픽위젯 설치좀 도와주세요 | |
Azpi | 2차 메뉴가 있을 때만 특정 div를 출력하게 하려면 어떻게 해야하나요 [2] | 2015.04.27 by Azpi |
추억팔이 | 레이아웃 글씨생상 변경 [4] | 2015.04.23 by DoorWeb |
티코GT | css에서 정렬은 어떻게 해야하나요? [1] | 2015.04.16 by 부산민지아빠 |
flowerrain | 자바스크립트 메뉴(dtree.js) 문의드립니다. | |
스물일곱개의당근 | z-index 가 안먹히는 이유가 무엇일까요? (사진첨부) [3] | 2015.04.09 by BJ람보 |
ul을 통째로 float: left 줘보세요.
지금 보면 저 공백이 딱 input user_id 크기입니다.