묻고답하기
사이트 하단 (푸터) 저작권 부분에 작성할때 어떻게하면 두칸(2행)으로 나눠서 작성할수있나요?
2014.08.17 03:05
다름이 아니라 사이트 하단 (푸터) 저작권 부분에 작성할때 어떻게 두칸으로 나눠서 작성할수있나요?
관리자 페이지 - 사이트 디자인 설정 - 사용자 정의 - 푸터 설정 - copyright 입력란에서..
메모장에 보시면 왼쪽 처럼 되있습니다. 오른쪽 처럼 바꿔주고 싶은데요..
쉽게 말해서 표로 비유해서 말씀드려보면 왼쪽은 행이 1이고, 열도 1입니다.
그런데 오른쪽은 행도2 이고, 열도2 이죠..
제가 사이트 하단 저작권부분에 글을 적어내려가면 왼쪽 메모장처럼 작성할때마다 저렇게 줄이 길어져서 스크롤바가 길어지게 됩니다.
반면에 오른쪽 메모장 같은 글 작성 방식은.. 스크롤이 왼쪽에 비하면 짧은편입니다.
xpressengine.com 이곳처럼..
이런식으로 크게 1개, 2개 분류 하는 방법을 알고 싶습니다.
어떻게 해야 할까요??
댓글 16
-
앙띠2
2014.08.17 14:20
-
사랑해요XE
2014.08.20 00:49
-
XESniper
2014.08.17 14:45
<div style="float: left;">
블라블라
</div>
<div style="float: right;">
샬라샬라
</div>이렇게 하셔도 됩니다.
-
사랑해요XE
2014.08.20 00:45
말씀하신대로 하니 잘 안되네요..
제 사이트 주소입니다. http://todsada124.bl.ee/xe/
위 아래로 나뉩니다.. 두 방법 모두.. 좌.. 우가 아닌..
-
pezex
2014.08.17 20:34
XESniper 님께서 작성하신 팁처럼 float 로 정렬을 하실때 div 가 두개라면 float left right 하면 되지만 세개 이상이라면 단순히 float:left 로 전부 처리하시는게 좋습니다. 또한 마지막에 <div style="clear:both;"></div> 로 초기화 시켜주는 것도 추가하시는게 좋습니다!
-
사랑해요XE
2014.08.17 21:17
초기화라는것이 어떤것을 의미하는건가요? -
Double'U'
2014.08.18 09:33
float를 초기화하는 것입니다.
안하면.. 문제가 생길수 도 있습니다.
-
사랑해요XE
2014.08.20 00:48
말씀하신대로 하니 잘 안되네요..
제 사이트 주소입니다. http://todsada124.bl.ee/xe/
위 아래로 나뉩니다.. 두 방법 모두.. 좌.. 우가 아닌..
-
로이조52
2014.08.20 01:24
#maker { float: left; width: 75%; padding-top: 4px; font-size: 11px; color: #CCC; } #address { margin: 0; float: left; width: 25%; }
질문자께서 이런 부분을 원하시는거 같아서 답변드립니다.
스케치북 레이아웃에 해당됩니다.
-
사랑해요XE
2014.08.20 12:26
오!! 이거 맞습니다! 그런데
#maker {
float: left;
width: 75%;
padding-top: 4px;
font-size: 11px;
color: #CCC;
}
#address {
margin: 0;
float: left;
width: 25%;
}
이것을 css 어느 부분에 적어야 하는지요?
ps. 그리고 이런것을 잘짜려면 css를 잘 공부해야하나요?
제가 css 기초중에 쌩기초밖에 몰라서리..
-
로이조52
2014.08.20 12:40
CSS 저도 몰라서...CSS는 이것저것 예제 연습 하면서 계속하면 실력이 느는거 같더라구요.
-
사랑해요XE
2014.08.20 13:14
책으로 공부하시나요? 아니면 인터넷 강의로..?
-
daviMBP
2014.08.20 13:16
다음과 같이 설정하시면 됩니다.
-
사랑해요XE
2014.08.20 13:27
너무 딱 붙엿져있는데 간격을 크게 띄울려면 어떻게 해야하나요?
-
daviMBP
2014.08.20 18:52
'블라'와 '샬라' 사이에 비어있는 <div style="float; left: width: 10%;"></div> 를 넣으시면 되겠습니다.
width는 조정하시구요.
-
사랑해요XE
2014.08.20 20:26
멋진 답변 대단히 감사드립니다!!!
여러방법이 있겠는데 가장 간단한 방법은 table 이겠네요.
<table>
<tr> <td> 어쩌구</td><td>저쩌구</td></tr>
<tr> <td> 어쩌구</td><td>저쩌구</td></tr>
</table>
레이아웃에 맞추어 테이블의 폭과 높이, margin, padding, cellspacing 조절하면 될거 같네요.
대부분 레이아웃은 푸터에 HTML코드를 입력 할수있게 만들어져 있습니다.
따라서 적절히 코딩하시면 됩니다.