답변 3개
.gall_b_lt li:nth-child(4n) {clear:both}
네번째 이미지에 대한 규정이네요.
일곱번째 이미지에 대한 예외 규정도 추가해주면 될 듯 합니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">', 0);
$thumb_width = 250;
$thumb_height = 250;
?>
<div class="gall_b_lt">
<h2 class="lat_title"><a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>"><?php echo $bo_subject ?></a></h2>
<ul>
<?php
for ($i=0; $i<count($list); $i++) {
$thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height, false, true);
if($thumb['src']) {
$img = $thumb['src'];
} else {
$img = G5_IMG_URL.'/no_img.png';
$thumb['alt'] = '이미지가 없습니다.';
}
$img_content = '<img src="'.$img.'" alt="'.$thumb['alt'].'" >';
?>
<li>
<div class="pic_inner">
<a href="<?php echo $list[$i]['href'] ?>" class="lt_img">
<?php echo $img_content; ?>
<span class="more">자세히</span>
</a>
<?php
echo "<a href=\"".$list[$i]['href']."\" class=\"all_b_tit\"> ";
if ($list[$i]['is_notice'])
echo "<span>".$list[$i]['subject']."</span>";
else
echo $list[$i]['subject'];
echo "</a>";
?>
<div class="lat_detail">
<?php echo get_text(strip_tags($list[$i]['wr_content']), 100); ?>
</div>
</div>
</li>
<?php } ?>
<?php if (count($list) == 0) { //게시물이 없을 때 ?>
<li class="empty_li">게시물이 없습니다.</li>
<?php } ?>
</ul>
</div>
답변에 대한 댓글 1개
/* 사진 스킨 (latest) */
.gall_b_lt {position:relative;text-align:center}
.gall_b_lt .lat_title {margin-bottom:60px}
.gall_b_lt .lat_title a {font-size:2.4em;text-align:left;padding-bottom:10px;margin-bottom:10px;position:relative}
.gall_b_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.gall_b_lt ul {clear:both;display:inline-block}
.gall_b_lt li {float:left;width:250px;margin:0 58px 60px;text-align:center}
.gall_b_lt li:nth-child(4n) {clear:both}
.gall_b_lt li .pic_inner {text-align:center}
.gall_b_lt li .lt_img {position:relative;margin-bottom:20px;border-radius:50%;display:block}
.gall_b_lt li .lt_img img {min-width:250px;width:100%;min-height:250px;height:auto;border-radius:50%}
.gall_b_lt li .lt_img .more {display:none;background:url(./img/li_hover_bg.png) repeat;position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;font-size:1.8em;font-family:'Nanum Square';line-height:250px;border-radius:50%;text-align:center}
.gall_b_lt li .lt_img .more:before {content:"";display:inline-block;position:absolute;left:0;top:125px;width:30px;height:2px;background:#fff}
.gall_b_lt li .lt_img .more:after {content:"";display:inline-block;position:absolute;right:0;top:125px;width:30px;height:2px;background:#fff}
.gall_b_lt li .lt_img:hover .more {display:block}
.gall_b_lt li .all_b_tit {display:inline-block;margin-bottom:5px;font-weight:bold;color:#3464bc;font-size:1.6em;font-family:'Nanum Square'}
.gall_b_lt li .lat_detail {height:20px;overflow:hidden;font-weight:bold;color:#000;font-size:1.6em;font-family:'Nanum Square'}
.gall_b_lt .empty_li {line-height:145px;color:#666;text-align:center;padding:0}
.gall_b_lt .empty_li:before {background:none;padding:0}
.gall_b_lt .lt_cmt {color:#4493fe}
댓글을 작성하려면 로그인이 필요합니다.
소스나 css 문제일거라서 해당 이미지만 보고는 조언 받기는 힘들어보시이네요
스킨을 받으신거면 스킨 주소나 홈페이지 주소를 올려보시면 도움 받기 좀더 쉬우실겁니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인