묻고답하기
갤러리형 리스트에서 정렬문제...
2007.11.13 15:23
제가 운영하는 사이트의 경우, 갤러리 게시판은 이미지 감상을 최적화하기 위해 지금의 이곳과 동일한 레이아웃을
사용하는 대신 좌측의 로그인 정보와 기타 서브 메뉴들이 없고 상단의 해드만 있는 레이아웃을 사용하고 있습니다.
갤러리형 리스트로 바꾸어 보면 꼭 우측이 한 줄정도 더 썸네일이 들어갈 여분이 있는데도 한 줄이 남은채로
출력이 됩니다...
CSS문법에 무지한 이유로, 여러가지 방법을 동원해 보았으나 우측 한줄 여분에는 여전히 썸네일이 들어서질 않고
아쉬운데로 중앙정렬로 해서 좀 보기 좋게 하려고 했는데... 이 역시 현재 float 로 되어 있는 정렬로 인해
좌측에서 좀처럼 중앙으로 오질 않고 있습니다.
우측의 한 줄 남은 여백에 썸네일을 출력할 수 있게 하는 방법이나, 혹은 썸네일 목록 전체를 중앙정렬할 수 있는 방법을
알려주시면 감사하겠습니다...
현재 고민중인 저희 사이트 입니다.
http://shutterbug21.com/?mid=gal_com&listStyle=gallery
고수님들의 필살기.... 기다리고 있겠습니다.
감사합니다. ^^
사용하는 대신 좌측의 로그인 정보와 기타 서브 메뉴들이 없고 상단의 해드만 있는 레이아웃을 사용하고 있습니다.
갤러리형 리스트로 바꾸어 보면 꼭 우측이 한 줄정도 더 썸네일이 들어갈 여분이 있는데도 한 줄이 남은채로
출력이 됩니다...
CSS문법에 무지한 이유로, 여러가지 방법을 동원해 보았으나 우측 한줄 여분에는 여전히 썸네일이 들어서질 않고
아쉬운데로 중앙정렬로 해서 좀 보기 좋게 하려고 했는데... 이 역시 현재 float 로 되어 있는 정렬로 인해
좌측에서 좀처럼 중앙으로 오질 않고 있습니다.
우측의 한 줄 남은 여백에 썸네일을 출력할 수 있게 하는 방법이나, 혹은 썸네일 목록 전체를 중앙정렬할 수 있는 방법을
알려주시면 감사하겠습니다...
현재 고민중인 저희 사이트 입니다.
http://shutterbug21.com/?mid=gal_com&listStyle=gallery
고수님들의 필살기.... 기다리고 있겠습니다.
감사합니다. ^^
modules/board/skins/xe_board/css/common.css
.thumbnailBox div.cell { display:block; float:left; overflow:hidden; margin-bottom:1em; margin-right:1em;}
이 부분에서
.thumbnailBox div.cell { display:block; float:left; overflow:hidden; margin-bottom:1em; margin-left:0.8em;}
빨간색 부분만 수정합니다. (0.8em을 자신의 웹사이트에 맞게 조금씩 수정해서 맞춥니다)
이미지 오버
.thumbnailBox div.cell img.thumb { padding:2px; border:1px solid #e0e1db; display:block; margin-bottom:1em; margin-left:auto;margin-right:auto;}
부분을 찾아서 아래줄에
.thumbnailBox div.cell img.thumb:hover { border:1px solid #54564b; }
을 추가합니다.