[Thắc mắc] Forum bị hở giữa các chuyên mục

[badboy10a8]

demo

Code:


http://thaiphienpro.com/forum


Mọi người xem giúp mình, giữa các chuyên mục trong forum hay giữa header & footer nó đều bị hở ra, lộ cái hình màu xanh trông rất xấu.
Có cách nào để nó dính liền vs nhau không ?
mình cảm ơn !

[hunghsmn]

Gần cuối Indexbox bạn sẽ thấy :

Code:

<img src="{SPACER}" alt="" height="5" width="1" />

Dòng này qui định khoảng trống giứa các chuyên mục
Bạn có thể qui định khoảng cách đó bằng cách thay giá trị height
Bạn cũng cần kiển tra lại ngay bên trên nó có <br /> hay <br> thì xóa đi.


Mình xin nói thêm về vị trí nút ẩn hiện chatbox ở cuối forum bạn. Đó là vị trí ở forum mình, vì bên dưới của mình còn có thanh bộ gõ, nên trong code của mình để giá trị bottom :20px. Đó là khoảng cách từ đáy màn hình đến nút ẩn hiện. Forum bạn không có gì ở đáy , vì vậy bạn sửa lại con số 20 này sao cho không có khoảng cách với đáy màn hình, hoặc để khoảng cách nhỏ thôi, thì đẹp hơn, mình đề nghị là 5px.

Code:

<div id="nut_dong_mo" style= "position: fixed; bottom: 20px; left: 10px; ..........>

( Code này bạn đã chèn trong overall_foote )

[badboy10a8]

Gần cuối Indexbox bạn sẽ thấy :

Code:

<img src="{SPACER}" alt="" height="5" width="1" />

Dòng này qui định khoảng trống giứa các chuyên mục
Bạn có thể qui định khoảng cách đó bằng cách thay giá trị height
Bạn cũng cần kiển tra lại ngay bên trên nó có
hay <br> thì xóa đi.

không được bác ơi, nó vẫn vô tác dụng

Mình xin nói thêm về vị trí nút ẩn hiện chatbox ở cuối forum bạn. Đó là vị trí ở forum mình, vì bên dưới của mình còn có thanh bộ gõ, nên trong code của mình để giá trị bottom :20px. Đó là khoảng cách từ đáy màn hình đến nút ẩn hiện. Forum bạn không có gì ở đáy , vì vậy bạn sửa lại con số 20 này sao cho không có khoảng cách với đáy màn hình, hoặc để khoảng cách nhỏ thôi, thì đẹp hơn, mình đề nghị là 5px.

Code:

<div id="nut_dong_mo" style= "position: fixed; bottom: 20px; left: 10px; ..........>

( Code này bạn đã chèn trong overall_foote )

Cảm ơn bác đã quan tâm !

[hunghsmn]

Bạn cho mình xem code Index_box

[badboy10a8]

Đây bác:

Code:


<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">

<tbody>

  <tr>
      <td class="tcat" colspan="5">
       
        <a style="float:right" href="#top" onclick="return toggle_collapse('forumbit_1')"><img id="collapseimg_forumbit_1" src="http://the-forever.com/forum/suju/button/collapse_tcat.gif" alt="" border="0" /></a>
       
        <span class="secondarytitle"> {catrow.tablehead.L_FORUM} </span>
       
       
      </td>
  </tr>

</tbody>



<tr align="center">
    <td class="thead" width="50"> </td>
     
    <td class="thead" align="left">Forums</td>
    <td class="thead" width="100">Topics & Posts</td>
    <td class="thead" width="200">Last Posts</td>

   

  </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tbody id="collapseobj_forumbit_1" style="">

<tr align="center">
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->

      <td class="alt1">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>

      <td class="alt1Active" align="left" id="f2">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
      </td>
      <td class="alt1">
        <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      <br>
        <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="alt1">

        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table>
<div style="padding: 0 0 16px 0;"/></div>
<img src="{SPACER}" alt="" height="0" width="0" /><!-- END tablefoot --><!-- END catrow -->


[notme]

thử làm theo cách sau
vào lần lượt index_box index_body overall_header tìm

Code:

<div style="padding: 0 0 16px 0;"></div>

sau đó xóa nó đi xem

[badboy10a8]

thử làm theo cách sau
vào lần lượt index_box index_body overall_header tìm

Code:

<div style="padding: 0 0 16px 0;"></div>

sau đó xóa nó đi xem

code đó chỉ có trong index box, mình đã xóa và ok rồi, còn phần hở trên header thì ko làm gì được ?

[notme]

vậy tìm cái này

Code:

<img src="{SPACER}" height="0" width="46" />

sửa nó

[badboy10a8]

vẫn ko có rồi, có khi nào trong css ko bạn ?

[notme]

trong indêx_box thây

[badboy10a8]

trong indêx_box thây

đã làm được, mình tìm những cặp thẻ br và bỏ sạch nó đi là ok,

Cảm ơn bạn đã quan tâm !

[Sponsored content]