The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Gap between topic icon and topic title

Page 2 of 2 Previous  1, 2

View previous topic View next topic Go down

Solved Gap between topic icon and topic title

Post by keiitastrophic on July 18th 2013, 4:02 am

First topic message reminder :



This has been baffling me for days, but I just can't seem to understand why there is a gap/box between the topic icon and topic title... What is that empty box for? And how do I get rid of it?


Last edited by keiitastrophic on July 19th 2013, 4:26 pm; edited 3 times in total

keiitastrophic
Forumember

Posts : 40
Reputation : 0
Language : English

Back to top Go down


Solved Re: Gap between topic icon and topic title

Post by keiitastrophic on July 18th 2013, 6:24 am

@SLGray wrote:Have you checked here to see if it would worked?

Administration Panel > General > Forum > Configuration
Pages Structure Section
Image cell's height category/board :
Image cell's width category/board :

If it does work, you remove the code you used.

 
I only have Forum Width under Pages Structure section Confused

keiitastrophic
Forumember

Posts : 40
Reputation : 0
Language : English

Back to top Go down

Solved Re: Gap between topic icon and topic title

Post by D'Leandro™ on July 18th 2013, 6:28 am

Dear Mr. SLGray, please review the topic, because no user posted 2x consecutively.

Dear Mr. keiitastrophic unfortunately I do not know any method to remove the box from the left side. I'm sorry.

That shift "ghost" What happens is that when you pass the mouse over it, the same mudade class.
How to avoid it changes class?
My last attempt is this code. If this fails can no more help in this matter. sorry.
Replace with templates > geral > topics_list_box please!
Code:
   <!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
    <script type="text/javascript">
    function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
     var all_checked = true;
     for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
     if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
     all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
     }
     }
     document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
    }
    function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
     for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
     if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
     document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
     }
     }
    }
    </script>
    <!-- END multi_selection -->

    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
     <tr>
     <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>
     <th align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </th>
     <th align="center" nowrap="nowrap" width="100"> {topics_list_box.row.L_AUTHOR} </th>
     <th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th>
     <th align="center" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </th>
     <!-- BEGIN multi_selection -->
     <th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
     <!-- END multi_selection -->
     </tr>
     <!-- BEGIN pagination -->
     <tr>
     <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
     </tr>
     <!-- END pagination -->
     <!-- END header_table --><!-- BEGIN header_row -->
     <tr>
     <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
     </tr>
    <!-- END header_row -->

    <!-- BEGIN topic -->
    {topics_list_box.row.END_TABLE_STICKY}
     <tr>
     <!-- BEGIN single_selection -->
     <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
     <!-- END single_selection -->
     <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
     <!-- BEGIN icon -->
     <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
     <!-- END icon -->
     <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
     <div class="topictitle">
     {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
     <h2 class="topic-title">
     <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
     </h2>
     </div>
     <!-- BEGIN switch_description -->
     <span class="genmed">
     <br />
     {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
     </span>
     <!-- END switch_description -->
     <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
    <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
     </td>

     <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td>
     <td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td>
     <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td>
     <td class="row3Right" onmouseover='this.className="row3Right"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td>
    <!-- BEGIN multi_selection -->
     <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
     <!-- END multi_selection -->
     </tr>
     <!-- END topic --><!-- BEGIN no_topics -->
     <tr>
     <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
     </tr>
     <!-- END no_topics --><!-- BEGIN bottom -->
     <tr>
     <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
     <table width="100%" border="0" cellspacing="0" cellpadding="0">
     <tr>
     <td> <span class="gensmall">{PAGINATION}</span></td>
     <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
     </tr>
     </table>
     </td>
     </tr>
    <!-- END bottom --><!-- BEGIN footer_table -->
    </table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

D'Leandro™
Forumember

Posts : 50
Reputation : 1
Language : Português

Back to top Go down

Solved Re: Gap between topic icon and topic title

Post by keiitastrophic on July 18th 2013, 7:00 am

@D'Leandro™ wrote:Dear Mr. SLGray, please review the topic, because no user posted 2x consecutively.

Dear Mr. keiitastrophic unfortunately I do not know any method to remove the box from the left side. I'm sorry.

That shift "ghost" What happens is that when you pass the mouse over it, the same mudade class.
How to avoid it changes class?
My last attempt is this code. If this fails can no more help in this matter. sorry.
Replace with templates > geral > topics_list_box please!
Code:
   <!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
    <script type="text/javascript">
    function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
     var all_checked = true;
     for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
     if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
     all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
     }
     }
     document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
    }
    function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
     for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
     if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
     document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
     }
     }
    }
    </script>
    <!-- END multi_selection -->

    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
     <tr>
     <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>
     <th align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </th>
     <th align="center" nowrap="nowrap" width="100"> {topics_list_box.row.L_AUTHOR} </th>
     <th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th>
     <th align="center" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </th>
     <!-- BEGIN multi_selection -->
     <th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
     <!-- END multi_selection -->
     </tr>
     <!-- BEGIN pagination -->
     <tr>
     <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
     </tr>
     <!-- END pagination -->
     <!-- END header_table --><!-- BEGIN header_row -->
     <tr>
     <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
     </tr>
    <!-- END header_row -->

    <!-- BEGIN topic -->
    {topics_list_box.row.END_TABLE_STICKY}
     <tr>
     <!-- BEGIN single_selection -->
     <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
     <!-- END single_selection -->
     <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
     <!-- BEGIN icon -->
     <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
     <!-- END icon -->
     <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
     <div class="topictitle">
     {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
     <h2 class="topic-title">
     <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
     </h2>
     </div>
     <!-- BEGIN switch_description -->
     <span class="genmed">
     <br />
     {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
     </span>
     <!-- END switch_description -->
     <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
    <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
     </td>

     <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td>
     <td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td>
     <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td>
     <td class="row3Right" onmouseover='this.className="row3Right"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td>
    <!-- BEGIN multi_selection -->
     <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
     <!-- END multi_selection -->
     </tr>
     <!-- END topic --><!-- BEGIN no_topics -->
     <tr>
     <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
     </tr>
     <!-- END no_topics --><!-- BEGIN bottom -->
     <tr>
     <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
     <table width="100%" border="0" cellspacing="0" cellpadding="0">
     <tr>
     <td> <span class="gensmall">{PAGINATION}</span></td>
     <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
     </tr>
     </table>
     </td>
     </tr>
    <!-- END bottom --><!-- BEGIN footer_table -->
    </table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

 
It works in the preview box under Colors, under Picture and Colors, but it doesn't show on the main page itself. It's alright, thanks for all the work you put in the past few hours. I'll find a way somehow, thanks for everything!

keiitastrophic
Forumember

Posts : 40
Reputation : 0
Language : English

Back to top Go down

Solved Re: Gap between topic icon and topic title

Post by D'Leandro™ on July 18th 2013, 7:06 am

@keiitastrophic wrote:It works in the preview box under Colors, under Picture and Colors, but it does not show on the main page itself.
I do not understand '-'

D'Leandro™
Forumember

Posts : 50
Reputation : 1
Language : Português

Back to top Go down

Solved Re: Gap between topic icon and topic title

Post by keiitastrophic on July 18th 2013, 7:08 am

@D'Leandro™ wrote:
@keiitastrophic wrote:It works in the preview box under Colors, under Picture and Colors, but it does not show on the main page itself.
I do not understand '-'

 
It's alright, I think it could be a browser issue or maybe a contradiction in some codes somewhere. Nothing I can do right now to fix it immediately so I'll just leave it as it is. I'll go sort out the topic icon issue first. Thank you very much! Smile

keiitastrophic
Forumember

Posts : 40
Reputation : 0
Language : English

Back to top Go down

Solved Re: Gap between topic icon and topic title

Post by Sir Chivas™ on July 18th 2013, 6:31 pm

@D'Leandro™ wrote:
@keiitastrophic wrote:It works in the preview box under Colors, under Picture and Colors, but it does not show on the main page itself.
I do not understand '-'


Hi,

Please don't use bold or color. Please keep to the default text. This is reserved for the staff for moderation.

This has been marked as "completed," is it solved?



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Gap between topic icon and topic title

Post by D'Leandro™ on July 19th 2013, 1:24 am

Sorry!

D'Leandro™
Forumember

Posts : 50
Reputation : 1
Language : Português

Back to top Go down

Solved Re: Gap between topic icon and topic title

Post by SLGray on July 19th 2013, 2:29 am

You did not answer the question. Is this solved?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35641
Reputation : 2374
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Gap between topic icon and topic title

Post by kirk on July 19th 2013, 7:42 am

why is this marked complete?
please use the solved icon when a thread/post is solved.


kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Page 2 of 2 Previous  1, 2

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum