ถามว่าผมเขียนโค๊ดหรือ โครงสร้างตรงไหนผิิดครับ ไฟล์ Css.
โค้ด: เลือกทั้งหมด
.m-home-right-tabwrap {
width: 566px;
height: 335px;
position: relative;
background: #2c303b;
box-shadow: 0 0 10px #000;
margin: 0 auto;
}
.m-home-tabbox-ul {
height: 55px;
border-bottom: 1px solid #7b8493;
width: 100%;
background: #1d2028;
background: -webkit-linear-gradient(#131419, #1e212a);
background: linear-gradient(#131419, #1e212a);
}
.m-home-tabbox-ul li {
font-size: 14px;
color: #fff;
height: 54px;
width: 104px;
float: left;
line-height: 54px;
border-left: 1px solid #080b14;
border-right: 1px solid #2b2e35;
border-bottom: 1px solid #080b14;
cursor: pointer;
}
.clearFix {
display: block;
*display: inline-block;
}
.first {
}
.m-home-right-tabmain {
position: relative;
width: 100%;
}
.test{
color: #333;
}
โค้ด: เลือกทั้งหมด
<?php
// No direct access
defined('_JEXEC') or die;
?>
<link rel="stylesheet" href="css/style_tabs.css">
<p class="test"><?php echo $hello; ?></p>
<div class="m-home-right-tabwrap">
<ul class="m-home-tabbox-ul clearFix" id="J_tabBox_ul">
<li class="first"><a href="javascript:;">All</a></li>
<li class="active"><a href="javascript:;">Update</a></li>
<li class=""><a href="javascript:;">Event</a></li>
<li class=""><a href="javascript:;">Promotions</a></li>
<li class=""><a href="javascript:;">Tournament</a></li>
<div class="more">
<a href="/news" target="_blank" class="c_sprites"></a>
</div>
</ul>
<div class="m-home-right-tabmain" id="J_tabBox">
<div class="m-home-right-tabbox">
<a href="http://www.hon.in.th/tournament/show-10-546-1.html"><h3>เปิดรับสมัครแล้ว HTT2018 Cycle 1</h3></a>
<ul class="m-home-right-tablist">
<li>
<a href="http://www.hon.in.th/news/show-8-545-1.html">
<span class="m-home-right-tablist-icon blue">
Update </span>
<span class="m-home-right-tablist-cont">โหมดพิเศษ PBT</span>
<span class="m-home-right-tablist-time">05/10</span>
</a>
</li>
<li>
<a href="http://www.hon.in.th/event/show-9-544-1.html">
<span class="m-home-right-tablist-icon blue">
Event </span>
<span class="m-home-right-tablist-cont">Legacy Days</span>
<span class="m-home-right-tablist-time">05/10</span>
</a>
</li>
<li>
<a href="http://www.hon.in.th/promotion/show-32-542-1.html">
<span class="m-home-right-tablist-icon blue">
Promotion </span>
<span class="m-home-right-tablist-cont">Plinko เซ็ตใหม่!! 4.4.4</span>
<span class="m-home-right-tablist-time">05/09</span>
</a>
</li>
<li>
<a href="http://www.hon.in.th/news/show-8-541-1.html">
<span class="m-home-right-tablist-icon blue">
Update </span>
<span class="m-home-right-tablist-cont">แพตช์ 4.4.4 ประจำวันที่ 10 พ.ค. 61</span>
<span class="m-home-right-tablist-time">05/09</span>
</a>
</li>
<li>
<a href="http://www.hon.in.th/promotion/show-32-540-1.html">
<span class="m-home-right-tablist-icon blue">
Promotion </span>
<span class="m-home-right-tablist-cont">Mythical Creature Bag</span>
<span class="m-home-right-tablist-time">05/02</span>
</a>
</li>
<li>
<a href="http://www.hon.in.th/promotion/show-32-539-1.html">
<span class="m-home-right-tablist-icon blue">
Promotion </span>
<span class="m-home-right-tablist-cont">The Failed Experiment Bundle</span>
<span class="m-home-right-tablist-time">04/27</span>
</a>
</li>
<li>
<a href="http://www.hon.in.th/promotion/show-32-538-1.html">
<span class="m-home-right-tablist-icon blue">
Promotion </span>
<span class="m-home-right-tablist-cont">ชุดเปย์คุ้ม Chi</span>
<span class="m-home-right-tablist-time">04/26</span>
</a>
</li>
<li>
<a href="http://www.hon.in.th/promotion/show-32-536-1.html">
<span class="m-home-right-tablist-icon blue">
Promotion </span>
<span class="m-home-right-tablist-cont">Ally of the F.L.E.X.</span>
<span class="m-home-right-tablist-time">04/25</span>
</a>
</li>
</ul>
<div class="m-phone-more">
<a href="/news" class="c-btn-style1">VIEW ALL NEWS</a>
</div>
</div>