묻고답하기
게시판 버튼 정렬
2010.07.15 22:45
게시판 XE 기본 스킨과 시리니님 스킨을 응용했습니다. (우연하게 얻어걸렸죠ㅠ)
'목록', '쓰기' 버튼은 align="left"을, '회원가입' '로그인' 버튼은 align="right"를 했는데 마치도 두개의 줄을 달리 한 듯 그림처럼 정렬이 되네요ㅠㅠ
아무리 html을 뒤져봐도 줄바꿈에 대한 명령은 내린적이 없는데요;;
저는 두 그룹의 버튼이 한 줄 내에서 양측 정렬이 되는 모습을 원합니다.
버튼부분 html만 떼어서 올립니다.
고수님들 뭐가 문제일까요ㅠㅠㅠㅠㅠㅠ
<div class="boardBottom">
<!-- 글쓰기, 목록 버튼 등 -->
<div class="ButtonBox" align="left">
<is_admin">!--@if($grant->is_admin)-->
<a href="{getUrl(','module','document','act','dispDocumentAdminManageDocument')}" onclick="popopen(this.href,'manageDocument'); return false;" class="button {$btn_class}"><span>{$lang->cmd_management}</span></a>
<!--@end-->
<a href="{getUrl(','mid',$mid,'page',$page,'document_srl','','listStyle',$listStyle)}" class="button {$btn_class}"><span>{$lang->cmd_list}</span></a>
<a href="{getUrl('act','dispBoardWrite','document_srl','')}" class="button {$btn_class}"><span>{$lang->cmd_write}</span></a>
</div>
<div class="ButtonBox" align="right">
<!--// 로그인 되어 있을 경우 -->
<!--@if($is_logged)-->
<!--// 관리자이면 설정 버튼 출력 -->
<is_admin=='Y'">!--@if($logged_info->is_admin=='Y' && $module_info->display_setup_button != 'N')-->
<a href="{getUrl('act','dispBoardAdminBoardInfo')}" class="button {$btn_class}"><span>{$lang->cmd_setup}</span></a>
<!--@end-->
<!--// 최고관리자이면 관리자 페이지 버튼 출력 -->
<is_admin">!--@if($logged_info->is_admin == 'Y' && $module_info->display_setup_button != 'N')-->
<a href="{getUrl(','module','admin','act','dispBoardAdminContent')}" onclick="window.open(this.href); return false;" class="button {$btn_class}"><span>{$lang->cmd_management}</span></a>
<!--@end-->
<!--// 회원정보 버튼 출력 -->
<display_login_info">!--@if($module_info->display_login_info != 'N')-->
<a href="{getUrl('act','dispMemberInfo')}" class="button {$btn_class}"><span>{$lang->cmd_view_member_info}</span></a>
<a href="{getUrl('act','dispMemberLogout')}" class="button {$btn_class}"><span>{$lang->cmd_logout}</span></a>
<!--@end-->
<!--// 로그인 되어 있지 않고 회원정보 버튼 출력하도록 되어있으면 -->
<!--@elseif(!$is_logged && $module_info->display_login_info != 'N')-->
<a href="{getUrl('act','dispMemberSignUpForm')}" class="button {$btn_class}"><span>{$lang->cmd_signup}</span></a>
<a href="{getUrl('act','dispMemberLoginForm')}" class="button {$btn_class}"><span>{$lang->cmd_login}</span></a>
<!--@end-->
<!--@if($rss_url)-->
<a href="{$rss_url}"><img src="./images/{$module_info->colorset}/iconRss.gif" alt="RSS" width="13" height="13" /></a>
<!--@end-->
<div class="clear">
</div>
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
ttii | 쪽지함에서 getNextPage() 에러 | |
때린데 또때려 | 한주간 인기 게시물 출력 관련 문의 [1] | 2010.07.16 by 팔공산 |
펀맨 | 레이아웃 설정에서 상단메뉴 적용후 저장이 안되는데요 | |
Plav | 제가 설정한 페이지와 방문자가 보는 페이지와 다릅니다; [1] | 2010.07.16 by mindpainter |
H754 | 위젯에서 현재 언어셋 정보 가져오는 법 [1] | 2010.07.16 by SMaker |
김민석574 | 위젯 추가시에 태그 질문 드립니다. | |
X_ing | 새설치인데, 업데이트를 눌러도 되질 않습니다! | |
liang | 모듈에서 긴텍스트 넘기기 | |
민스탈 | 게시판 글만 (html 표현된) 본문에 내보낼순없나요? [1] | 2010.07.16 by mindpainter |
rhcnwkd | 레이아웃,게시판 [1] | 2010.07.16 by mindpainter |
+흑진주+ | 게시판 버튼 정렬 [1] | 2010.07.16 by mindpainter |
999 | php 함수 질문> 101, 6709, 124502 등의 숫자가 있을때요. [2] | 2010.07.16 by SMaker |
Edge590 | 첨부파일 버튼을 눌러도 아무 반응이 없습니다 + 썸네일 질문 | |
대오전사 | 작성글 보기에서 플래닛 제목글수 조정을 하고 싶네요 | |
필쿨 | 카페24에서 계정하나로 xe두개 설치 가능한가요? [2] | 2010.07.16 by Gekkou |
samisami | 메인화면에 위젯 추가 할때 외부페이지가 [1] | 2010.07.16 by 오르막 |
상후니 | PHP5.3.2 업데이트후 파일 첨부 문제 [2] | 2010.07.16 by 상후니 |
청개굴이 | 한줄 메모장 권한이 없습니다..라고 나오는데.. | |
Sup3r S41y4n | 안녕하세요, 아이콘샵과 회원 레벨 이미지에 대해서 질문드립니다. | |
Redwine™ | 하루가 지나면 소스에 처음보는 코드가 삽입이 됩니다. [1] | 2010.07.16 by Sup3r S41y4n |
<div class="ButtonBox" align="left">
<div class="ButtonBox" align="right">
대신에 해당 css 파일에서..
.ButtonBox를
.ButtonBoxLeft 와 .ButtonBoxRight 로 나누어 주시고
.ButtonBoxLeft {width: 컨텐트 영역 크기의 1/2; float: left;}
.ButtonBoxRight {width: 컨텐트 영역 크기의 1/2; float: right;}
하시고
html에서는
<div class="ButtonBoxLeft">
<div class="ButtonBoxRight">
로 바꿔주세요..
그래도 안되면 클래스에 background칼라를 주시고 확인하시면 레이어가 어떻게 배치되어 있는지 쉽게 파악하실 수 있습니다.
.ButtonBoxLeft {width: 컨텐트 영역 크기의 1/2; float: left; background: red;}
.ButtonBoxRight {width: 컨텐트 영역 크기의 1/2; float: right; background: blue;}
이런식 으로요..