Lỗi khi hiển thị thông tin chi tiết chủ đề

[VNSAF]

- Cùng 1 code nhưng khi ở dạng đứng thì nó rất đẹp như hình dưới ( có đường kẻ phân cách)
https://lh6.googleusercontent.com/-kBMVQqkJinE/TmkH8YXfQZI/AAAAAAAAAv0/t2snRZ9xE74/dung.png

Nhưng nếu ở dạng nằm ngang thì nó bị mất đường phân cách và dính liền với nhau

https://lh6.googleusercontent.com/-y0jkIuKJycE/TmkH8cRb-RI/AAAAAAAAAv4/KumCEbEIkI8/nam.png

còn đây là code của nó:

<center>
<!-- $Id: Đóng khung Thông Tin bài trên $ --> <vb:if condition="!$GLOBALS['FIRSTPOSTID']">
<div>
<table cellSpacing="0" cellPadding="0" border="0" style="width:100%">
<tr>
<td style="padding: 0px"><img src="images/info/nnt1.png"></td>
<td style="padding: 0px" background="images/info/nnt2.png"></td>
<td style="padding: 0px"><img src="images/info/nnt3.png"></td>
</tr>
<tr>
<td valign="top" style="padding: 0px" background="images/info/nnt4.png"></td>
<td style="padding: 0px; background-color: #ffffff" bgColor="#ffffff">
<!-- $Id: images Đóng khung Thông Tin bài trên $ -->

<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td>
{vb:raw template_hook.postbit_messagearea_start}
<vb:if condition="$post['title'] OR $show['messageicon']">
<h2 class="title icon" align="center">
Thông tin chi tiết chủ đề: <vb:if condition="$show['messageicon']"><img src="{vb:raw post.iconpath}" alt="{vb:raw post.icontitle}" /> </vb:if>
<font color="Red"><b>{vb:raw post.title}</b></font>
</h2></vb:if>
</td>
</tr>
<tr>
<td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="35%" align="left">►Lượt Xem: <font color="Red"><b>{vb:raw thread.views}</b></font></td>
<td width="25%" align="left">►Trả Lời: <font color="Red"><b>{vb:raw thread.replycount}</b></font></td>
<td align="left">

<div>
<!-- $Id: Share $ -->
►Chia Sẻ:
<a title="Gửi bài này cho bạn bè qua yahoo" href="ymsgr:im?+&msg=Xem bài này hay lắm nè: {vb:raw post.title} ~~> http://domain.com/thumuc/{vb:raw relpath} gửi cho bạn bè nữa nhá "><img border="0" src="images/share/yahoo.gif"></a>
<a title="Ðăng lên FaceBook" target="_blank" href="http://www.facebook.com/share.php?u=http://domain.com/thumuc/{vb:raw relpath}"><img border="0" src="images/share/facebook.png"></a>
<a title="Ðăng lên ZingMe" target="_blank" href="http://link.apps.zing.vn/pro/view/conn/share?u=http://domain.com/thumuc/{vb:raw relpath}&t={vb:raw post.title}&desc=Nếu bạn thích thì bạn hãy ghé qua Diễn Đàn của chúng tôi nhé! Rất vui được đón tiếp bạn và cùng chia sẻ"><img border="0" src="images/share/zing.gif"></a>
<a title="Ðăng lên Google" target="_blank" href="https://www.google.com.vn/bookmarks/mark?op=add&bkmk=http://domain.com/thumuc/{vb:raw relpath}&title={vb:raw post.title}&annotation="><img border="0" src="images/share/google.png"></a>
<a title="Ðăng lên TangVn" target="_blank" href="http://www.tagvn.com/submit?url=http://domain.com/thumuc/{vb:raw relpath}"><img border="0" src="images/share/tagvn.gif"></a>
<a title="Bookmark lại bài này" href="javascript:bookmarksite('{vb:raw post.title}', 'http://domain.com/thumuc/{vb:raw relpath}')"><img border="0" src="images/share/favorites.png"></a>
<a title="In trang này" href="javascript:window.print()"><img border="0" src="images/share/print.gif"></a>

<!-- $Id: Share $ -->
</div>

</td>
</tr>

<tr>
<td width="35%" align="left">►Ngày Gửi: <font color="blue"><b>{vb:raw post.postdate}</b></font></td>
<td width="25%" align="left">►Đánh Giá: <font color="blue"><b>{vb:raw thread.rating}</b></font></td>
<td align="left">
</td>
</tr>

</table>
</td>
</tr>
</table>

<!-- $Id: Đóng khung Thông Tin bài dưới $ -->
</td>
<td style="padding: 0px" background="images/info/nnt6.png"></td>
</tr>
<tr>
<td style="padding: 0px"><img src="images/info/nnt7.png"></td>
<td style="padding: 0px" background="images/info/nnt8.png"></td>
<td style="padding: 0px"><img src="images/info/nnt9.png"></td>
</tr>
</table>
<!-- $Id: Đóng khung Thông Tin bài dưới $ --></div></vb:if>
</center>

[HTT.itvn]

Cậu cho mình các file ảnh kèm theo mình chỉnh lại cho . Cái này đâu cần thiết khai báo nhiều thẻ table vậy .

[VNSAF]

Cậu cho mình các file ảnh kèm theo mình chỉnh lại cho . Cái này đâu cần thiết khai báo nhiều thẻ table vậy .

Tớ gửi images lên đây cậu xem rồi chỉnh giúp tớ nhé!

[HTT.itvn]

Lỗi này là do chiều rộng forum lớn kéo theo table lớn ( 100% ) và cột thứ 1 có chiều dài lớn chiều dài hình ảnh ( width ) nên hình ảnh bị lặp lại ( mặc định là repeat ) . Cậu có thể thay thế code sau :


<center><!-- Đóng khung Thông Tin bài trên -->
<vb:if condition="!$GLOBALS['FIRSTPOSTID']">
<div>
<table cellSpacing="0" cellPadding="0" border="0" width="100%" align="center">
<tr height="12px">
<td width="12px" background="images/info/nnt1.png"></td>
<td colspan="3" background="images/info/nnt2.png"></td>
<td width="12px" background="images/info/nnt3.png"></td>
</tr>
<tr>
<td valign="top" background="images/info/nnt4.png"></td>
<td colspan="3" style="border-bottom:1px solid #d9d9d9;text-align:center;line-height:26px;">
{vb:raw template_hook.postbit_messagearea_start}
<vb:if condition="$post['title'] OR $show['messageicon']">
<h2 class="title icon" align="center">
<b>Thông tin chi tiết chủ đề:</b> <vb:if condition="$show['messageicon']"><img src="{vb:raw post.iconpath}" alt="{vb:raw post.icontitle}" /> </vb:if>
<font color="Red"><b>{vb:raw post.title}</b></font>
</h2>
</vb:if>
</td>
<td background="images/info/nnt6.png"></td>
</tr>
<tr>
<td valign="top" background="images/info/nnt4.png"></td>
<td style="line-height:26px;width:26%;">
►Lượt Xem: <font color="Red"><b>{vb:raw thread.views}</b></font><br>
►Ngày Gửi: <font color="blue"><b>{vb:raw post.postdate}</b></font><br>
</td>
<td style="line-height:26px;width:30%;">
►Trả Lời: <font color="Red"><b>{vb:raw thread.replycount}</b></font><br>
►Đánh Giá: <font color="blue"><b>{vb:raw thread.rating}</b></font>
</td>
<td>
►Chia Sẻ:
<a title="Gửi bài này cho bạn bè qua yahoo" href="ymsgr:im?+&msg=Xem bài này hay lắm nè: {vb:raw post.title} ~~> http://domain.com/thumuc/{vb:raw relpath} gửi cho bạn bè nữa nhá "><img border="0" src="images/share/yahoo.gif"></a>
<a title="Ðăng lên FaceBook" target="_blank" href="http://www.facebook.com/share.php?u=http://domain.com/thumuc/{vb:raw relpath}"><img border="0" src="images/share/facebook.png"></a>
<a title="Ðăng lên ZingMe" target="_blank" href="http://link.apps.zing.vn/pro/view/conn/share?u=http://domain.com/thumuc/{vb:raw relpath}&t={vb:raw post.title}&desc=Nếu bạn thích thì bạn hãy ghé qua Diễn Đàn của chúng tôi nhé! Rất vui được đón tiếp bạn và cùng chia sẻ"><img border="0" src="images/share/zing.gif"></a>
<a title="Ðăng lên Google" target="_blank" href="https://www.google.com.vn/bookmarks/mark?op=add&bkmk=http://domain.com/thumuc/{vb:raw relpath}&title={vb:raw post.title}&annotation="><img border="0" src="images/share/google.png"></a>
<a title="Ðăng lên TangVn" target="_blank" href="http://www.tagvn.com/submit?url=http://domain.com/thumuc/{vb:raw relpath}"><img border="0" src="images/share/tagvn.gif"></a>
<a title="Bookmark lại bài này" href="javascript:bookmarksite('{vb:raw post.title}', 'http://domain.com/thumuc/{vb:raw relpath}')"><img border="0" src="images/share/favorites.png"></a>
<a title="In trang này" href="javascript:window.print()"><img border="0" src="images/share/print.gif"></a>

</td>
<td background="images/info/nnt6.png"></td>
</tr>


<tr height="12px">
<td background="images/info/nnt7.png"></td>
<td colspan="3" background="images/info/nnt8.png"></td>
<td background="images/info/nnt9.png"></td>
</tr>
</table>
</div>
</vb:if>
<!-- /Đóng khung Thông Tin bài trên -->
</center>

Cậu có thể tuỳ chỉnh chiều dài in đậm màu đỏ tuỳ ý cho hợp với forum của cậu .