갤러리 게시판 썸네일 정렬 문의요~
본문
갤러리 게시판을 크기는 원본 사이즈 줄여져서 정렬되게 많들고 있는데요..
float: left 를 주니깐 결국 여백이 생기네여.. 이거를 어떻게해야지 사진들이 여백 없이 따닥따닥
붙을까요..?
부탁드려요 ㅠㅠㅠㅠ
===========
list.skin.php 이구요
<li class="gall_li <?php if ($wr_id == $list[$i]['wr_id']) { ?>gall_now<?php } ?>" >
<?php if ($is_checkbox) { ?>
<label for="chk_wr_id_<?php echo $i ?>" class="sound_only"><?php echo $list[$i]['subject'] ?></label>
<input type="checkbox" name="chk_wr_id[]" value="<?php echo $list[$i]['wr_id'] ?>" id="chk_wr_id_<?php echo $i ?>">
<?php } ?>
<span class="sound_only">
<?php
if ($wr_id == $list[$i]['wr_id'])
echo "<span class=\"bo_current\">열람중</span>";
else
echo $list[$i]['num'];
?>
</span>
<ul class="gall_con">
<li class="gall_href <?php echo ($is_admin ? '' : 'popup-gallery'); ?>" >
<?php
$image_org = '';
if ($list[$i]['is_notice']) { // 공지사항
$img_content = '<strong style="width:'.$board['bo_gallery_width'].'px;height:'.$board['bo_gallery_height'].'px">공지</strong>';
} else {
$thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_']);
$image_org = $thumb['ori'];
if($thumb['src']) {
$img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" width="100%" height="100%" ">';
} else {
$img_content = '<span style="width:'.$board['bo_gallery_width'].'px;height:'.$board['bo_gallery_height'].'px">no image</span>';
}
}
?>
<a href="<?php echo ($is_admin ? $list[$i]['href'] : $image_org); ?>" class="<?php echo ($is_admin ? '' : 'image-popup-vertical-fit');?>" title="<?php echo $list[$i]['subject'] ?>" writer="<?php echo $list[$i]['wr_name'] ?>" date="<?php echo $list[$i]['datetime2'] ?>"><?php echo $img_content;?></a>
</li>
<?php if ($is_good) { ?><li><span class="gall_subject">추천</span><strong><?php echo $list[$i]['wr_good'] ?></strong></li><?php } ?>
<?php if ($is_nogood) { ?><li><span class="gall_subject">비추천</span><strong><?php echo $list[$i]['wr_nogood'] ?></strong></li><?php } ?>
</ul>
</li>
=====================================================
css 입니다.
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_ul {margin:10px 0 0;padding:0;list-style:none;zoom:1; position: relative; }
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_gall .gall_li {width:48%; margin:0% 1% 1% 1%; float:left; }
#bo_gall .gall_con {margin:0;padding:0;list-style:none; }
#bo_gall .gall_con li {margin:0 0 4px; width:100%; }
#bo_gall .gall_con .gall_subject {display:inline-block;width:50px}
#bo_gall .gall_now .gall_text_href a {color:#ff3061}
#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
#bo_gall .gall_href strong, #bo_gall .gall_href span {display:inline-block;background:#f7f7f7;text-align:center;line-height:10em}
#bo_gall .gall_text_href {margin:10px 0 !important}
#bo_gall .gall_text_href a {font-weight:bold}
#bo_gall .gall_text_href span {display:inline !important}
#bo_gall .gall_text_href img {margin:0 0 0 4px}