위젯 배너 가로 설정 했는데 세로로만 됩니다
본문
위젯 설정값을 재대로 했는데 현재 이런식으로 세로만 나옵니다.
우측으로 크게 공백이 계속 생기는데
주려고 하는데.. 안됩니다. 코드는 따로 건든게 없는데 혹시 어떤게 문제인가요 ㅠㅠ
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 남겨주셔야 해결될듯 합니다.
확인이 잘못된것 같습니다.
그리고 위 소스는 직접 제작하신게 아니라 이미 다른 사람이 만들고 배포한 버전이라
문제가 없어요.
어디를 확인하셨는지 모르겠지만 다시한번 확인해보세요.