채택완료

div 넓이조절 방법..

2024-03-11 (월) 18:22:39 2,307

현재는 아래 1번 사진처럼되어있는데  2번사진처럼 조절하려고 100%에서 33%로 바꿔봤는데 수정이안되더라구요 ... 다른방법으로 시도해야하는지 고민하다가 또 질문글...올려봅니다 계속 끄적이다가 해결하면 좋겠는데 이건 빡시네요..

31302198_1710148879.1437.png

31302198_1710148957.3842.png

아래는 최신글스킨 코드입니다.

Copy
<?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>'; } ?>
|

답변 3개 / 댓글 3개

채택된 답변
+20 포인트
Copy
<style type="text/css">
    /* .bann-img { max-width:100% !important; } //여기를 33%로 수정해봤는데 수정안됨.. */
    .bannerdiv { margin:0px auto; text-align:center; }

    .wrap {
        background-color: #ddd;
        width: 90%;
        height: 90%;
        display: grid;
        grid-template-columns: auto auto auto;
    }
</style>

<div class="wrap">

<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>

</div>

답변에 대한 댓글 1개

소스코드까지 상세하게 답변주셔셔 감사합니다

div로 감싸져 있으니 img태그를 조정해도 소용없는 것이죠

아래처럼 해보세요

 .bannerdiv { margin:0px auto; text-align:center; width:33%; display:inline-block;}

.bann-img { width:100%;}

답변에 대한 댓글 1개

답변주셔셔 감사합니다 !! 둘다 해결되었습니다 감사합니다

해당 페이지 URL 주소를 남기시는 게 답변 받을 확률이 커집니다.

답변에 대한 댓글 1개

앗 다음질문떄는 참고하겠습니다 !

답변을 작성하려면 로그인이 필요합니다.