Warning: Undefined array key "mobile_dir" in /home/kagla/new-sir/old/common.php on line 315
위젯 배너 가로 설정 했는데 세로로만 됩니다

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

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

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 내용 검색
질문등록
전체 129,406
© SIRSOFT
현재 페이지 제일 처음으로