묻고답하기
최근갤러리 마지막 이미지의 여백을 없애고 싶은데요
2014.08.15 22:08
body{margin:0;}
table,td,tr,div,dd,dl {margin:0;padding:0}
.nis_box { overflow:hidden; }
.nis_box .thumbnail_box {table-layout:fixed;margin:0;padding:0}
.nis_box .thumbnail_box img {margin-right:5px;padding:0;}
.nis_box .thumbnail_box img:last-child{margin-right:none;}
.nis_box .thumbnail_box img.hover{margin:0;padding:0;filter:gray;}
.nis_box .thumbnail_box div.thumbnail{position:relative}
.nis_box .thumbnail_box div.thumbnail:after{margin:0;position:relative}
.nis_box .thumbnail_box .thumbnail .regdate{position:absolute;z-index:20; right:0px;bottom:0; padding-right:5px; padding-left:5px; font:normal normal bold 9px/13px "tahoma";color:#ffffff;height:13px;background:#333333;filter:alpha(opacity=50);opacity:0.50;-moz-opacity:0.50}
.nis_box .thumbnail_box .title{font-size:12px;font-weight:bold;margin:8px auto 0 auto;text-align:center}
.nis_box .thumbnail_box .title a{color:#444444}
.nis_box .thumbnail_box .title span{color:#19bdb4;font:normal normal normal 9px/12px tahoma;margin-left:3px}
이게 css구요
.nis_box .thumbnail_box img {margin-right:5px;padding:0;}
이거 때문에 이미지 제일 마지막도 마진 5px이 먹혀서 레이아웃이 깨지더라구요.
.nis_box .thumbnail_box img:last-child{margin-right:none;}
그래서 어디서 줏어보고 이렇게 해봤는데 안먹히네요..
어떻게 수정하면 되나요?
댓글 9
-
도로테비
2014.08.15 23:13
0도 해봤는데 그럼 아예 이미지들이 다 붙어버려요. 안되네요..
-
링크가 있어야 정확한 해결책을 드릴 수 있습니다.
그런데 none 은 수치에서 사용할 수 없습니다.
-
도로테비
2014.08.15 23:18
-
.nis_box .thumbnail_box img {margin-right:0;padding:0;}
처리 하시고요
8라인에 있는
.nis_box .thumbnail_box div.thumbnail{position:relative;padding: 0 2px;} 에 빨간 부분을 추가해 보세요.
그럼 1100 아구 딱 맞을겁니다.
-
도로테비
2014.08.15 23:28
딱 맞는게 아니라 그냥 이미지 사이 여백만 줄어드는 것 같은데요.... 감사하지만 제가 원하던 방법은 아닌 것 같아요.
-
꼭 :last로 처리하고 싶다면
.nis_box .thumbnail_box td:last-child img{margin-right:0;}로 해 보세요
-
도로테비
2014.08.16 08:26
안되네요. 어쨌든 감사합니다.
-
:last-child 라는 셀렉트가 ie8 이상에서만 먹힙니다.
ie7 ie6 만 사용 안하시면 될겁니다.
.nis_box .thumbnail_box img:last-child{margin-right:none;}
에서 none를 0으로 바꿔보세요. none 이라는 값은 마진에 사용하지 않습니다.