묻고답하기
로그인폼 위치를 아래쪽으로 내리고 싶습니다. (끌어올리기)
2009.04.24 18:00
그림에서 보시는것처럼 로그인폼과 옆 게시판 테이블의 위치가 안맞아서
좀 보기가 안좋네요.
로그인폼 위치를 좀 아래쪽으로 내리고 싶은데
이건 어떻게 조정해야 하는지 궁금합니다.
kanasii 님께서
댓글 1
-
소스를 좀 더 알았으면 좋았을것 같았는데, 아쉽네요. 위의 소스들은 도움이 되지 못하구요.
레이아웃 편집 화면에 보면 HTML과 CSS로 나뉘어져 있는데, HTML부분에서 로그인위젯소스를 찾으신후.
<div class="login_form">로그인위젯소스</div>
와 같이 로그인위젯 소스를 div로 감싸줍니다. 그리고 아래에 있는 CSS부분에
.login_form {margin-top:20px;}을 삽입하고 저장해봅니다.
로그인폼이 아래로 내려간 것을 확인할 수 있을텐데, 20이란 숫자를 적당히 조절하면 배치가 잘 될 것이라 생각이 됩니다.
20에서 숫자가 커지면 내려가고, 올리면 로그인위젯이 올라갑니다.
해당 레이아웃 css / default / * Site Layout - Column Right */ <-- 이 부분을 만져보세요.
그리고 로그인 화면도 뒤에 옆선이 맞지 않는데... widgets / login_info / skins / webmini / css / 에서
.login_default form 라인에 있는 border:1px solid #acb8d7; 를 .login_default 라인에 입력.
.openid_login_default form 라인에 있는 border:1px solid #acb8d7; .openid_login_default 라인에 입력 수정 하시면 될거예요~
라고 말씀해 주셨는데 로그인화면 라인은 말씀해주신데로 대충 비슷하게 맞춘거 같은데
로그인폼 위치 내리는 문제는 해결을 못했습니다.
/* Site Layout - Column Right */
#columnRight { width:770px; float:right; overflow:hidden;}
#visualArea { width:770px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#content { width:100%; overflow:hidden;}
위 소스에서 이것저것 숫자를 바꿔보면서 확인을 해봐도 전혀 변화가 없네요 ㅠㅠ
어떻게 해야 아래로 내려가는지 알려주시면 감사하겠습니다.