Creating a Table

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>

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

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.

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

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.

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.

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

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

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.

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.

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 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 .

-Brandon

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 .

-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

Your welcome anytime. 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.


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.

Take care man and good luck with your forum .

Regards,
-Brandon

No problem.

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.