เทมเพลตที่ใช้อยู่ ตัว feature มันไ่ม่ขยายเต็มพื้นที่จากซ้ายไปขวาอ่ะค่ะ
อยากให้ สินค้าดูเรียงเต็มๆ เท่าขนาดในกรอบสีฟ้า
- แก้ code ยังไงคะ พอดีไม่เป็นเลยคะ
- ต้องแก้ส่วนไหนบ้างคะ

ด้านล่างนี้เป็น code ของหน้า home.tpl ค่ะ
<?php echo $header; ?><?php echo $column_left; ?>
<div id="column-left">
<div class="banner" id="banner0">
<div><img title="leftsidebanner1" alt="leftsidebanner1" src="image/cache/data/left_call_banner1-230x118.gif"></div>
</div>
<script type="text/javascript"><!--
var banner = function() {
$('#banner0').cycle({
before: function(current, next) {
$(next).parent().height($(next).outerHeight());
}
});
}
setTimeout(banner, 2000);
//-->
</script>
<div class="banner" id="banner1">
<div><img title="leftsidebanner2" alt="leftsidebanner2" src="image/cache/data/left_call_banner2-230x118.gif"></div>
</div>
<script type="text/javascript"><!--
var banner = function() {
$('#banner1').cycle({
before: function(current, next) {
$(next).parent().height($(next).outerHeight());
}
});
}
setTimeout(banner, 2000);
//--></script>
<div class="banner" id="banner2">
<div><img title="leftsidebanner3" alt="leftsidebanner3" src="image/cache/data/left_call_banner3-230x118.jpg"></div>
</div>
<script type="text/javascript"><!--
var banner = function() {
$('#banner2').cycle({
before: function(current, next) {
$(next).parent().height($(next).outerHeight());
}
});
}
setTimeout(banner, 2000);
//--></script>
</div>
<?php echo $column_right; ?>
<div id="content">
<div class="banner" id="banner3">
<div><img title="main banner1" alt="main banner1" src="image/cache/data/mainbanner1-356x628.jpg"></div>
</div>
<script type="text/javascript"><!--
var banner = function() {
$('#banner3').cycle({
before: function(current, next) {
$(next).parent().height($(next).outerHeight());
}
});
}
setTimeout(banner, 2000);
//-->
</script>
<div class="banner" id="banner4">
<div><img title="main banner2" alt="main banner2" src="image/cache/data/mainbanner2-356x628.jpg"></div>
</div>
<script type="text/javascript"><!--
var banner = function() {
$('#banner4').cycle({
before: function(current, next) {
$(next).parent().height($(next).outerHeight());
}
});
}
setTimeout(banner, 2000);
//-->
</script>
<?php echo $content_top; ?>
<h1 style="display: none;"><?php echo $heading_title; ?></h1>
<?php echo $content_bottom; ?></div>
<?php echo $footer; ?>
รบกวนพี่ๆ ด้วยนะคะ ไม่เป็นเรื่อง code เลย แต่อยากลองทำเองน่ะค่ะ
อาจจะต้องรบกวนบ่อยนะคะ ขอบคุณมากค่ะ
