div 넓이조절 방법.. 채택완료
부자철
1년 전
조회 1,918
현재는 아래 1번 사진처럼되어있는데 2번사진처럼 조절하려고 100%에서 33%로 바꿔봤는데 수정이안되더라구요 ... 다른방법으로 시도해야하는지 고민하다가 또 질문글...올려봅니다 계속 끄적이다가 해결하면 좋겠는데 이건 빡시네요..
http://sir.kr/data/editor/2403/31302198_1710148879.1437.png" width="100%" />
http://sir.kr/data/editor/2403/31302198_1710148957.3842.png" width="100%" />
아래는 최신글스킨 코드입니다.
</p>
<p><?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
?>
<style type="text/css">
.bann-img { max-width:100% !important; } //여기를 33%로 수정해봤는데 수정안됨..
.bannerdiv { margin:0px auto; text-align:center; }
</style>
<?php
for ($i=0; $i<count($list); $i++) {
echo '<div class="bannerdiv">';
$file = get_file($bo_table, $list[$i]['wr_id']);
?>
<?php if($list[$i]['wr_link1']) { ?>
<a href="<?php echo G5_BBS_URL; ?>/link.php?bo_table=<?=$bo_table;?>&wr_id=<?=$list[$i]['wr_id']?>&no=1" target="<?=$list[$i]['wr_1'];?>" rel="nofollow">
<?php } else { } ?>
<img class="bann-img" src="<?php echo $file[0]['path']; ?>/<?php echo $file[0]['file']; ?>" alt="<?=$list[$i]['wr_subject']?>">
<?php if($list[$i]['wr_link1']) { ?>
</a>
<?php } else { } ?>
<?php echo '</div>'; } ?>
</p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 3개
채택된 답변
+20 포인트
1년 전
</p>
<p><style type="text/css">
/* .bann-img { max-width:100% !important; } //여기를 33%로 수정해봤는데 수정안됨.. */
.bannerdiv { margin:0px auto; text-align:center; }</p>
<p> .wrap {
background-color: #ddd;
width: 90%;
height: 90%;
display: grid;
grid-template-columns: auto auto auto;
}
</style></p>
<p><div class="wrap"></p>
<p><div class="bannerdiv"><a href="#"><img class="bann-img" src="" width="300" height="100"></a></div>
<div class="bannerdiv"><a href="#"><img class="bann-img" src="" width="300" height="100"></a></div>
<div class="bannerdiv"><a href="#"><img class="bann-img" src="" width="300" height="100"></a></div>
<div class="bannerdiv"><a href="#"><img class="bann-img" src="" width="300" height="100"></a></div>
<div class="bannerdiv"><a href="#"><img class="bann-img" src="" width="300" height="100"></a></div></p>
<p></div></p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
부자철
1년 전
소스코드까지 상세하게 답변주셔셔 감사합니다
댓글을 작성하려면 로그인이 필요합니다.
1년 전
div로 감싸져 있으니 img태그를 조정해도 소용없는 것이죠
아래처럼 해보세요
.bannerdiv { margin:0px auto; text-align:center; width:33%; display:inline-block;}
.bann-img { width:100%;}
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
부자철
1년 전
답변주셔셔 감사합니다 !! 둘다 해결되었습니다 감사합니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인