메인 최근글 목록들 레이아웃을 임의로 구성하고 싶습니다.

메인 최근글 목록들 레이아웃을 임의로 구성하고 싶습니다. 정보

메인 최근글 목록들 레이아웃을 임의로 구성하고 싶습니다.

본문

사진에 빨간줄 영역을 더 추가하고 싶어서요.. 대충 넣어는 봤는데
목록끼리 바짝 붙어버려서요.. 원하는 만큼 간격조절을 하면서
정렬을 시키고 싶은데 방법이 있을까요? 현재 좌측에 있는 최근글 목록에
대한 소스는 아래와 같구요..
<div class="clr blank">이곳에 목록을 넣으면</div>
위처럼 저 안에 넣으면 좌측에서 10~20px 쯤 떨어지길래
그냥 바깥으로 빼둔 상태입니다.
ft left 나 ft right로 좌우 끝에 위치시켜보긴 했는데
middle 이나 center등의 옵션은 먹질 않더라구요..
css와 div 구문을 함께 작성해줘야 하는건지 모르겠네요.
[[main.php]] 소스내용

<div><img src="./images/index_top_banner.gif"></div>
<div class="clr blank"></div>
<div class="ft_left"><?=rims_latest('1st_notice')?></div>
<div class="clr blank"></div>
<div class="ft_left"><?=rims_latest('1st_notice')?></div>
<div class="clr blank"></div>
<div class="ft_left"><?=rims_latest('1st_notice')?></div>
<div class="clr blank"></div>
<div class="ft_left"><?=rims_latest('1st_notice')?></div>
<div class="clr blank"></div>
<div class="ft_left"><?=rims_latest('1st_notice')?></div>

복사
공유하기

댓글 전체

K찰스 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

12.06.14 21:41:09

전체적인 레이아웃을 잡으신후 최근글 부분을 쏙쏙 넣어주시면 될꺼같습니다.

http://html.nhndesign.com/

여기가시면 기본적인 레이아웃은 잡으실수있으실꺼에요

메탈포스 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

12.06.14 23:29:52

css 에서 "ft_left"에 margin:10px 넣어줘보세요~

아썸 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

12.06.15 06:55:01

오~ 답변 정말 감사합니다~
한번 시도해보고 오겠습니다~
두분 다 채택해드리면좋겠는데..
일단 시도부터 해보겠습니다 ㅎ;

아썸 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

12.06.15 07:49:58

해결했습니다.. 정답은 아니지만 메탈님이 큰 힌트 주셨네요..
css에
.opt_area {float:left;padding-right:15px;}
좌측정렬에 패딩의 우측사이즈만 15px 주는 설정항목이 있더군요..
최근글 왼쪽꺼랑 가운데꺼에 opt_area {float:left;padding-right:15px;} 적용하고
젤 오른쪽껀 ft_left {float:left;} 이걸로 적용하니 해결 됐네요..

소스--------
<div><img src="./images/index_top_banner.gif"></div>
<div class="blank"></div>
<div class="opt_area"><?=rims_latest('1st_notice')?></div>
<div class="opt_area"><?=rims_latest('1st_notice')?></div>
<div class="ft_left"><?=rims_latest('1st_news')?></div>
<div class="clr blank"></div>
<div class="opt_area"><?=rims_latest('1st_notice')?></div>
<div class="opt_area"><?=rims_latest('1st_notice')?></div>
<div class="ft_left"><?=rims_latest('1st_news')?></div>

메인 최근글 목록들 레이아웃을 임의로 구성하고 싶습니다. > 그누4 질문답변

그누4 질문답변