위젯 배너 가로 설정 했는데 세로로만 됩니다

위젯 배너 가로 설정 했는데 세로로만 됩니다

QA

위젯 배너 가로 설정 했는데 세로로만 됩니다

답변 2

본문

2038805903_1702359812.2969.jpg

 

위젯 설정값을 재대로 했는데 현재 이런식으로 세로만 나옵니다.

2038805903_1702359862.8696.jpg

 

우측으로 크게 공백이 계속 생기는데

가로 갯수 3 2038805903_1702359894.924.jpg

 

주려고 하는데.. 안됩니다. 코드는 따로 건든게 없는데 혹시 어떤게 문제인가요 ㅠㅠ

widget.php 입니다

 

 

<?php
if (!defined('_GNUBOARD_')) exit; //개별 페이지 접근 불가

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$widget_url.'/widget.css" media="screen">', 0);

// 값정리
$wset['slider'] = ($wset['slider'] > 0) ? $wset['slider'] : 3;
$wset['garo'] = ($wset['garo'] > 0) ? $wset['garo'] : 3;
$wset['sero'] = ($wset['sero'] > 0) ? $wset['sero'] : 2;
$wset['item'] = $wset['garo'] * $wset['sero'];
$gap = ($wset['gap'] == "") ? 10 : $wset['gap']; // 간격
$minus = ($gap > 0) ? '-'.$gap : 0; //

$effect = apms_carousel_effect($wset['effect']);
$interval = apms_carousel_interval($wset['interval']);
$slider_id = apms_id(); // Random ID

?>
<style>
    #<?php echo $slider_id;?> .item-wrap { margin-right:<?php echo $minus;?>px;<?php echo (!$wset['shadow'] && $minus) ? ' margin-bottom:'.$minus.'px;':'';?>}
    #<?php echo $slider_id;?> .item-row {  width:<?php echo apms_img_width($wset['garo']);?>%; }
    #<?php echo $slider_id;?> .item-list { margin-right:<?php echo $gap;?>px; margin-bottom:<?php echo $gap;?>px; }
</style>
<div id="<?php echo $slider_id;?>" class="carousel div-carousel<?php echo $effect;?> widget-basic-post-photo-carousel" data-ride="carousel" data-interval="<?php echo $interval;?>">
    <div class="carousel-inner">
    <?php 
        if($wset['cache'] > 0) { // 캐시적용시
            echo apms_widget_cache($widget_path.'/widget.rows.php', $wname, $wid, $wset);
        } else {
            include($widget_path.'/widget.rows.php');
        }
    ?>
    </div>
</div>
<?php if($wset['shadow']) echo apms_shadow($wset['shadow']); //그림자 ?>
<?php if($setup_href) { ?>
    <div class="btn-wset text-center p10">
        <a href="<?php echo $setup_href;?>" class="win_memo">
            <span class="text-muted"><i class="fa fa-cog"></i> 위젯설정</span>
        </a> - <a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $wset['bo_list']; ?>"><i class="fa fa-cogs"></i> Board</a>
    </div>
<?php } ?>
 

 

 

 

이것은 widget.css 입니다

 

@charset "utf-8";

.basic-post-gallery { overflow:hidden; line-height:20px; }
.basic-post-gallery .txt-normal { letter-spacing:0; }
.basic-post-gallery .txt-short { letter-spacing:-1px; padding-right:1px; }
.basic-post-gallery .post-vicon { position:absolute; left:6px; top:6px; color: #fff; font-size:20px; z-index:1; text-shadow: 1px 1px 1px #000; }
.basic-post-gallery .post-none { padding:50px 10px; text-align:center; color:#888; }
.basic-post-gallery .post-row { float:left; overflow:hidden; }
.basic-post-gallery .post-list { background-color: #101010; border: 1px solid #373737; overflow: hidden; }
.basic-post-gallery .post-image { position: relative; border-bottom: 1px solid #373737; overflow: hidden; }
.basic-post-gallery .post-content { overflow: hidden; }
.basic-post-gallery .post-content ul { list-style: none; margin-top: 10px; margin-left: 22px; padding: 0; }
.basic-post-gallery .post-content ul li { margin: 3px 0; }
.basic-post-gallery .post-content ul li:after {display:block;visibility:hidden;clear:both;content:""}
.basic-post-gallery .post-content ul li strong { display: block; float: left; width: 55px; color: #666; font-size: 14px; font-weight: bold; }
.basic-post-gallery .post-content ul li span { display: block; float: left; color: #fff; font-size: 14px; }
.basic-post-gallery .post-content ul li span.sitename { color: #e4cb64; font-size: 16px; font-weight: bold; }
.basic-post-gallery .btn-view { margin: 16px 14px 21px; height: 40px; background-color: #f0cd3f; border-radius: 20px; text-align:center; }
.basic-post-gallery .btn-view a { display: block; color: #222; font-size: 18px; font-weight:bold; letter-spacing: -1px; line-height: 36px; }
.is-pc .ko .basic-post-gallery .post-ko { font-size:11px; }

@media all and (max-width:480px) {
    .basic-post-gallery .post-content ul { margin-top: 6px; margin-left: 15px; }
    .basic-post-gallery .post-content ul li strong { width: 50px; font-size: 13px; }
    .basic-post-gallery .post-content ul li span { font-size: 13px; }
    .basic-post-gallery .post-content ul li span.sitename { cfont-size: 15px; }
    .basic-post-gallery .btn-view { margin: 12px 12px 16px; height: 34px; border-radius: 17px; }
    .basic-post-gallery .btn-view a { font-size: 17px;line-height: 31px; }
}

이 질문에 댓글 쓰기 :

답변 2

위젯 너비가 3개를 할당할 만큼 충족되지 않아서 그렇습니다.

우측에 여백이 생기는건 CSS 를 잘못 작성하셔서 그런것 같구요

 

즉, 현재 위치가 아닌 다른 외부 요인에 의해 엘리먼트가 밀려서 그런것일수도 있습니다.

F12 누르셔서 왜 여백이 생기는지 채크해보시거나

URL 남겨주셔야 해결될듯 합니다.

확인이 잘못된것 같습니다.

 

그리고 위 소스는 직접 제작하신게 아니라 이미 다른 사람이 만들고 배포한 버전이라

문제가 없어요.

어디를 확인하셨는지 모르겠지만 다시한번 확인해보세요.

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 174
© SIRSOFT
현재 페이지 제일 처음으로