묻고답하기
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 남기남 |
착한동구 | 뭐가 문제인지좀 확인해주세요 [2] | 2015.05.19 by 착한동구 |
gagagaga2 | 인증메일 되게하렴 서버에 꼭 smtp서버가 되있어야하는건가요? [2] | 2015.05.19 by 바람별 |
줄앤짐 | XEdition 메인화면 슬라이드 글씨 크기 조절 질문요. [4] | 2015.05.19 by 줄앤짐 |
줄앤짐 | PHP version 이 맞지 않다고 나오는 데요. [2] | 2015.05.19 by 줄앤짐 |
동그리군 | 윈도우7에서 줄바꿔쓰기가 안되는 이유 | |
newi | 이런 애드온 있나요 ? 스팸 글자 게시물 자동 이동 | |
knhpc | xedition 슬라이드 질문입니다. [1] | 2015.05.19 by 너나들이 |
고고싱229af | 모바일 게시글 댓글 자동펼침 | |
똘레랑스0145a | 홈페이지 URL 주소변경 [3] | 2015.05.19 by BJ람보 |
OndineJ | 특정 게시판에서만 우클릭 복붙 금지하는 법. [2] | 2015.05.19 by OndineJ |
Shantih | 모바일 게시판 비밀글 표시 | |
키스미베이베 | 신디케이션이 바로 적용이안되나요? | |
가을의향기 | 보안 배우고있는데요 [1] | 2015.05.19 by LAB_ |
200mhun | 게시판이나 포럼에 유저가 원하는 유저들만 초대하여 사용할수 있는 것이 있나요? | |
준이0747f | xe설치문제 [1] | 2015.05.19 by YJSoft |
존횬 | 익명 게시판에서 닉네임 | |
강경화f7810 | 아이프레임 길이 자동 조절 도와주세요 ㅠㅠ [6] | 2015.05.19 by 강경화f7810 |
피토크라에스 | 추천수, 비추천수 숫자 올라가는건 어느파일에서 만들어지나요? [5] | 2015.05.18 by 피토크라에스 |
김동원5764f | 설치 오랜만에 해봐서 기억이...... [3] | 2015.05.18 by 김동원5764f |
강경화f7810 | 절데로 안없어지는 스크롤과 안먹히는 메타태그..도와주세요 ㅠㅠ |
ul을 통째로 float: left 줘보세요.
지금 보면 저 공백이 딱 input user_id 크기입니다.