The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Gap between topic icon and topic title

5 posters

Page 2 of 2 Previous  1, 2

Go down

Solved Gap between topic icon and topic title

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

First topic message reminder :

Gap between topic icon and topic title - Page 2 Untitled-2

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
avatar
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 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
avatar
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™ 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™
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 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!
avatar
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™ 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™
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 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
avatar
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™ 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?
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6983
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

https://aforums.org

Back to top Go down

Solved Re: Gap between topic icon and topic title

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

Sorry!
D'Leandro™
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 July 19th 2013, 2:29 am

You did not answer the question. Is this solved?


Gap between topic icon and topic title - Page 2 Slgray10

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

Male Posts : 51482
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Gap between topic icon and topic title

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

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

kirk
kirk
Forumaster

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

Back to top Go down

Page 2 of 2 Previous  1, 2

Back to top

- Similar topics

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