hello all i want to ask :)

how to fix date and time in latest topic?
before Date and time in my latest topic not align. :(
more details you can see this:


how to fix it?

my forum:
http://budokai.indonesianforum.net/

this my code for mode recent topic

Code:

<!-- BEGIN scrolling_row -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <td class="catLeft" height="25">
        <span class="genmed module-title">{L_RECENT_TOPICS}</span>
      </td>
  </tr>
  <tr>
      <td class="row1" align="left" id="comments_scroll_div">
        <!-- BEGIN recent_topic_row -->
        » <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a><br />
        <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}

        <!-- BEGIN switch_poster -->
        <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
        <!-- END switch_poster -->

        <!-- BEGIN switch_poster_guest -->
        {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
        <!-- END switch_poster_guest -->

        <!--
        <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br /><br />
        -->
        <!-- END recent_topic_row -->
      </td>
  </tr>
</table>

<script type="text/javascript">
//<![CDATA[
$(function(){
  div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}', 'genmed');
});
//]]>
</script>
<!-- END scrolling_row -->

<!-- BEGIN classical_row -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <td class="catHead" height="25"><span class="genmed"><b><center>{L_RECENT_TOPICS}</center></b></span></td>
  </tr>
  <tr>
      <td class="row1" align="left"><span class="gensmall" id="sejajar">
      <!-- BEGIN recent_topic_row -->
        » <a href="{classical_row.recent_topic_row.U_TITLE}"><strong>{classical_row.recent_topic_row.L_TITLE}</strong></a><br />Author&nbsp;

      <!-- BEGIN switch_poster -->
      <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
      <!-- END switch_poster_guest -->

      {ON} <br/>{classical_row.recent_topic_row.S_POSTTIME}<br /><br />

      <!--
      <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
      -->
      <!-- END recent_topic_row -->
      </span></td>
  </tr>
</table>
<!-- END classical_row -->

please help me, thanks before ^_^

mostone wrote:hello all i want to ask :)

how to fix date and time in latest topic?
before Date and time in my latest topic not align. :(
more details you can see this:


how to fix it?

my forum:
http://budokai.indonesianforum.net/

this my code for mode recent topic

Code:

<!-- BEGIN scrolling_row -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <td class="catLeft" height="25">
        <span class="genmed module-title">{L_RECENT_TOPICS}</span>
      </td>
  </tr>
  <tr>
      <td class="row1" align="left" id="comments_scroll_div">
        <!-- BEGIN recent_topic_row -->
        » <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a><br />
        <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}

        <!-- BEGIN switch_poster -->
        <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
        <!-- END switch_poster -->

        <!-- BEGIN switch_poster_guest -->
        {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
        <!-- END switch_poster_guest -->

        <!--
        <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br /><br />
        -->
        <!-- END recent_topic_row -->
      </td>
  </tr>
</table>

<script type="text/javascript">
//<![CDATA[
$(function(){
  div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}', 'genmed');
});
//]]>
</script>
<!-- END scrolling_row -->

<!-- BEGIN classical_row -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <td class="catHead" height="25"><span class="genmed"><b><center>{L_RECENT_TOPICS}</center></b></span></td>
  </tr>
  <tr>
      <td class="row1" align="left"><span class="gensmall" id="sejajar">
      <!-- BEGIN recent_topic_row -->
        » <a href="{classical_row.recent_topic_row.U_TITLE}"><strong>{classical_row.recent_topic_row.L_TITLE}</strong></a><br />Author&nbsp;

      <!-- BEGIN switch_poster -->
      <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
      <!-- END switch_poster_guest -->

      {ON} <br/>{classical_row.recent_topic_row.S_POSTTIME}<br /><br />

      <!--
      <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
      -->
      <!-- END recent_topic_row -->
      </span></td>
  </tr>
</table>
<!-- END classical_row -->

please help me, thanks before ^_^

Do you know the selector for the date and time part? If so, refer to it in your CSS Stylesheet and add this:

Code:

clear: left !important;

i dont know that selector :|
and i try that code, but dont work :(

please someone help me :)

hello :)
i think that was because of your topic name is so long, but maybe you can resize it, use this css

Code:

#sejajar a strong{font-size:9px !important;}

yes, my font for latest topic change to small if use that code

but not effect to my "date and time for latest topic"
you can see this:

http://budokai.indonesianforum.net/

please help me mr.tommycoo or someone ^_^

thanks before