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.

Creating a Table

View previous topic View next topic Go down

Solved Creating a Table

Post by Tadashi on April 9th 2015, 2:53 am

Hello guys!

First up, I apologize if have not found the answer for this question myself, but please put into consideration that I created an account here just for this one. Thanks in advance.

Now my problem is that when I insert a table in a post, it creates a space above it which is my problem. How do I resolve this?

Here's the table's html that I used:

Code:
<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-q4v1{font-weight:bold;color:#ffce93;text-align:center}
.tg .tg-qp8u{color:#ffffff;text-align:center}
.tg .tg-2uhc{color:#ffffff}
</style>
<table class="tg" style="undefined;table-layout: fixed; width: 254px">
<colgroup>
<col style="width: 121px">
<col style="width: 66px">
<col style="width: 67px">
</colgroup>
  <tr>
    <th class="tg-q4v1">Name<br></th>
    <th class="tg-q4v1">Merits</th>
    <th class="tg-q4v1">Demerits</th>
  </tr>
  <tr>
    <td class="tg-qp8u">Spwn</td>
    <td class="tg-qp8u"></td>
    <td class="tg-qp8u"></td>
  </tr>
  <tr>
    <td class="tg-qp8u">What?</td>
    <td class="tg-qp8u"></td>
    <td class="tg-qp8u"></td>
  </tr>
  <tr>
    <td class="tg-qp8u">MrDevias</td>
    <td class="tg-qp8u"></td>
    <td class="tg-qp8u"></td>
  </tr>
  <tr>
    <td class="tg-qp8u">EkZMaKiNa</td>
    <td class="tg-qp8u"></td>
    <td class="tg-qp8u"></td>
  </tr>
  <tr>
    <td class="tg-qp8u">A-R-G-I-E</td>
    <td class="tg-qp8u"></td>
    <td class="tg-qp8u"></td>
  </tr>
  <tr>
    <td class="tg-qp8u">-FiNN-</td>
    <td class="tg-qp8u"></td>
    <td class="tg-qp8u"></td>
  </tr>
  <tr>
    <td class="tg-qp8u">{VIP}Log</td>
    <td class="tg-qp8u"></td>
    <td class="tg-qp8u"></td>
  </tr>
  <tr>
    <td class="tg-qp8u">{VIP}Login</td>
    <td class="tg-qp8u"></td>
    <td class="tg-qp8u"></td>
  </tr>
  <tr>
    <td class="tg-qp8u">STReNGTH</td>
    <td class="tg-qp8u"></td>
    <td class="tg-qp8u"></td>
  </tr>
  <tr>
    <td class="tg-qp8u">NotOnMyLVL</td>
    <td class="tg-qp8u"></td>
    <td class="tg-qp8u"></td>
  </tr>
  <tr>
    <td class="tg-qp8u"></td>
    <td class="tg-qp8u"></td>
    <td class="tg-qp8u"></td>
  </tr>
  <tr>
    <td class="tg-2uhc"></td>
    <td class="tg-2uhc"></td>
    <td class="tg-2uhc"></td>
  </tr>
  <tr>
    <td class="tg-2uhc"></td>
    <td class="tg-2uhc"></td>
    <td class="tg-2uhc"></td>
  </tr>
</table>


Tadashi
New Member

Posts : 6
Reputation : 1
Language : English

http://thirdavenue.forumtl.com

Back to top Go down

Solved Re: Creating a Table

Post by brandon_g on April 9th 2015, 3:32 am

Wow... that is one stubborn table you have there!

I have thrown almost everything I could think of at this darn table on my test forum! This darn thing still won't budge.

P.s
Did you make this table yourself by the way?

-Brandon



Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5351
Reputation : 488
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Creating a Table

Post by Tadashi on April 9th 2015, 4:04 am

@brandon_g wrote:Wow... that is one stubborn table you have there!

I have thrown almost everything I could think of at this darn table on my test forum! This darn thing still won't budge.

P.s
Did you make this table yourself by the way?

-Brandon


Exactly. Evil or Very Mad

I used this one:
http://www.tablesgenerator.com/html_tables#

I tried copying a code of a random table in another forum and it still gives me this unwanted space. It just varied, the longer the code is, the longer the space gets.
What's goin' on with me? Haha

Tadashi
New Member

Posts : 6
Reputation : 1
Language : English

http://thirdavenue.forumtl.com

Back to top Go down

Solved Re: Creating a Table

Post by brandon_g on April 9th 2015, 4:27 am

Well... it could be that maybe that table generator uses html that is not properly supported by forumotion, your best bet would be simply to create one using the editor of forumotion itself. Also, I cut a pretty sizable chunk of that table out, the space is still there, so I have no clue what else to try. I threw everything I could think of at it. bwi Hem :/ Rolling Eyes Confused


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5351
Reputation : 488
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Creating a Table

Post by Tadashi on April 9th 2015, 4:33 am

@brandon_g wrote:Well... it could be that maybe that table generator uses html that is not properly supported by forumotion, your best bet would be simply to create one using the editor of forumotion itself. Also, I cut a pretty sizable chunk of that table out, the space is still there, so I have no clue what else to try. I threw everything I could think of at it. bwi Hem :/ Rolling Eyes Confused

I have tried creating one myself. The space still gets there. I'm feeling hopeless. Jeez.
Thanks for trying, buddy. I really appreciate it.

Tadashi
New Member

Posts : 6
Reputation : 1
Language : English

http://thirdavenue.forumtl.com

Back to top Go down

Solved Re: Creating a Table

Post by brandon_g on April 9th 2015, 4:41 am

Well no.... if you do it through forumotion it will not have the space. I use tables all the time, for promoting and such. Here... you can get a working template here: http://fmdesign.forumotion.com/t270-moderation-template

Just modify it to your liking.. I can assure you, there will be no space with it.

-Brandon


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5351
Reputation : 488
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Creating a Table

Post by Tadashi on April 9th 2015, 9:36 am

@brandon_g wrote:Well no.... if you do it through forumotion it will not have the space. I use tables all the time, for promoting and such. Here... you can get a working template here: http://fmdesign.forumotion.com/t270-moderation-template

Just modify it to your liking.. I can assure you, there will be no space with it.

-Brandon

Tried all the codes from the link you provided. None of 'em worked. I apologize. I think I have spent too much time and effort for this. I only wanted to create a table as scoreboard for our events. Why is it so hard to do?

Anyway, I can't thank you enough, Brandon. Of all the users here, you're the only one who tried to help me. I really appreciate it. More power.

Tadashi
New Member

Posts : 6
Reputation : 1
Language : English

http://thirdavenue.forumtl.com

Back to top Go down

Solved Re: Creating a Table

Post by Ange Tuteur on April 9th 2015, 9:59 am

Hi @Tadashi,

I've never seen anything like it. However, experimenting with the code revealed that the spaces in the markup seem to be added as breaks before the table itself. Minifying the table seemed to work without problem though. I'll try to bring this up to see if there's a possibility of fixing this.


Anyhow, try replacing the table with this :
Code:
<style type="text/css">.tg{border-collapse:collapse;border-spacing:0;}.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}.tg .tg-q4v1{font-weight:bold;color:#ffce93;text-align:center}.tg .tg-qp8u{color:#ffffff;text-align:center}.tg .tg-2uhc{color:#ffffff}</style><table class="tg" style="undefined;table-layout: fixed; width: 254px"><colgroup><col style="width: 121px"><col style="width: 66px"><col style="width: 67px"></colgroup> <tr> <th class="tg-q4v1">Name<br></th> <th class="tg-q4v1">Merits</th> <th class="tg-q4v1">Demerits</th> </tr><tr> <td class="tg-qp8u">Spwn</td><td class="tg-qp8u"></td><td class="tg-qp8u"></td></tr><tr> <td class="tg-qp8u">What?</td><td class="tg-qp8u"></td><td class="tg-qp8u"></td></tr><tr> <td class="tg-qp8u">MrDevias</td><td class="tg-qp8u"></td><td class="tg-qp8u"></td></tr><tr> <td class="tg-qp8u">EkZMaKiNa</td><td class="tg-qp8u"></td><td class="tg-qp8u"></td></tr><tr> <td class="tg-qp8u">A-R-G-I-E</td><td class="tg-qp8u"></td><td class="tg-qp8u"></td></tr><tr> <td class="tg-qp8u">-FiNN-</td><td class="tg-qp8u"></td><td class="tg-qp8u"></td></tr><tr> <td class="tg-qp8u">{VIP}Log</td><td class="tg-qp8u"></td><td class="tg-qp8u"></td></tr><tr> <td class="tg-qp8u">{VIP}Login</td><td class="tg-qp8u"></td><td class="tg-qp8u"></td></tr><tr> <td class="tg-qp8u">STReNGTH</td><td class="tg-qp8u"></td><td class="tg-qp8u"></td></tr><tr> <td class="tg-qp8u">NotOnMyLVL</td><td class="tg-qp8u"></td><td class="tg-qp8u"></td></tr><tr> <td class="tg-qp8u"></td><td class="tg-qp8u"></td><td class="tg-qp8u"></td></tr><tr> <td class="tg-2uhc"></td><td class="tg-2uhc"></td><td class="tg-2uhc"></td></tr><tr> <td class="tg-2uhc"></td><td class="tg-2uhc"></td><td class="tg-2uhc"></td></tr></table>

or, just run your HTML through here : http://www.willpeavy.com/minifier/ It'll place your table code onto one line so there's no spaces or unintended breaks being added during parsing.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Creating a Table

Post by Tadashi on April 9th 2015, 4:51 pm

OMG! How did you do that? You're a goddess!!!!!!!! It's PERFECT! Just exactly how I wanted it to be! Jeez! I don't know how to thank you aside from the thanks button. Thanks a lot!


Tadashi
New Member

Posts : 6
Reputation : 1
Language : English

http://thirdavenue.forumtl.com

Back to top Go down

Solved Re: Creating a Table

Post by brandon_g on April 9th 2015, 6:34 pm

@Tadashi wrote:OMG! How did you do that? You're a goddess!!!!!!!! It's PERFECT! Just exactly how I wanted it to be! Jeez! I don't know how to thank you aside from the thanks button. Thanks a lot!


Yep, Ange is our coding specialist... if there was anyone who would have figured it out it would be him.

Well, I tried my best, I am glad your table is now working properly and have a good day Very Happy.

-Brandon

brandon_g
Support Moderator
Support Moderator

Male Posts : 5351
Reputation : 488
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Creating a Table

Post by Tadashi on April 10th 2015, 2:01 am

@brandon_g wrote:
@Tadashi wrote:OMG! How did you do that? You're a goddess!!!!!!!! It's PERFECT! Just exactly how I wanted it to be! Jeez! I don't know how to thank you aside from the thanks button. Thanks a lot!


Yep, Ange is our coding specialist... if there was anyone who would have figured it out it would be him.

Well, I tried my best, I am glad your table is now working properly and have a good day Very Happy.

-Brandon

Your sincere intention to help me was more than enough, buddy. I want you to know that I really appreciate it. Please keep on helping others. We need people like you.

To Ange, sorry I thought you're a lady. You're a genius, man. Thanks for your help.
The table is so wonderful.

http://overkillmuph.infinigame.net/t66-big-eventduel-champion-of-april

Tadashi
New Member

Posts : 6
Reputation : 1
Language : English

http://thirdavenue.forumtl.com

Back to top Go down

Solved Re: Creating a Table

Post by brandon_g on April 10th 2015, 2:23 am

Your welcome anytime. Very Happy Good to know someone appericates the help I and the select few other members who help other members do around here. The volunteer staff are of course awesome as well. Very Happy


Also.. it shall remain my plan to help others whenever and wherever I can... you are right not enough members help others nowaday... and being an admin and learning the ways of the adminiship is no easy task, so I try to share my knowledge to others when I can. Smile

Take care man and good luck with your forum Very Happy.

Regards,
-Brandon


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5351
Reputation : 488
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Creating a Table

Post by Ange Tuteur on April 10th 2015, 4:30 am

No problem. Wink

Unfortunately they were unable to fix the additional breaks inside the table, so if you encounter the same problem simply run your table code through the minifier I provided in my last post.

Topic archived

Have a nice day. Smile

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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