Creating a Table with HTML: blank space problem

[RedKnight]

I have been experimenting with the use of tables in vBulletin and feel that the format, when coverted to BBCode, will be of great value in displaying various information. Unfortunately when I create a table and inexplicable white space is always displayed above the table, and appears that the larger the table the larger the white space. Does anyone know of a solution to this issue? I have include the basic table coding for reference.

<table border=1 cellpadding=5 width=100%>
<tr>
	<th>Column 1</th>
	<th>Column 2</th>
	<th>Column 3</th>
</tr>
<tr>
	<td>Item 1</td>
	<td>Item 2</td>
	<td>Item 3</td>
</tr>
<tr>
	<td>Item A</td>
	<td>Item B</td>
	<td>Item C</td>
</tr>
</table>

[Digital Jedi]

Could you post a screen shot of what the white space looks like?

[RedKnight]

Originally Posted by Digital Jedi

Could you post a screen shot of what the white space looks like?

I guess... but it is just, well blank. Let me see what I can do.

There it is, I've attached a quick screenshot. I've upped the columns to 5 in the attached example, because it appears that the space gets longer the larger the table is. It appeats that the non-coded space is being displayed before the table for some reason.

<table border=1 cellpadding=5 width=100%>
<tr>
	<th>Column 1</th>
	<th>Column 2</th>
	<th>Column 3</th>
	<th>Column 4</th>
	<th>Column 5</th>
</tr>
<tr>
	<td>Item 1</td>
	<td>Item 2</td>
	<td>Item 3</td>
	<td>Item 4</td>
	<td>Item 5</td>
</tr>
<tr>
	<td>Item A</td>
	<td>Item B</td>
	<td>Item C</td>
	<td>Item D</td>
	<td>Item E</td>
</tr>
</table>

[Lynne]

Check the page source of the post and see what is going on with the html in there.

[Digital Jedi]

This may seem trivial, but have you tried putting the quotation marks in the table tag where they should be?

[RedKnight]

Originally Posted by Digital Jedi

This may seem trivial, but have you tried putting the quotation marks in the table tag where they should be?

Although documentation does suggest the use of with or without quotation marks I did try both ways with the same result.

Now, with some tinkering I have been able to confirm that for some unknown reason the what is displaying is all non-coded blank spaces before the table, so using the code as:

<table border=1 cellpadding=5 width=100%><tr><th>Column 1</th><th>Column 2</th><th>Column 3</th><th>Column 4</th><th>Column 5</th></tr><tr><td>Item 1</td><td>Item 2</td><td>Item 3</td><td>Item 4</td><td>Item 5</td></tr><tr><td>Item A</td><td>Item B</td><td>Item C</td><td>Item D</td><td>Item E</td></tr></table>

eliminates all the blank space, but does produce a coding nightmare. There must be something that I am missing that is having all the non-coded sections included for some reason.

[Digital Jedi]

Originally Posted by RedKnight

Although documentation does suggest the use of with or without quotation marks I did try both ways with the same result.

Now, with some tinkering I have been able to confirm that for some unknown reason the what is displaying is all non-coded blank spaces before the table, so using the code as:

<table border=1 cellpadding=5 width=100%><tr><th>Column 1</th><th>Column 2</th><th>Column 3</th><th>Column 4</th><th>Column 5</th></tr><tr><td>Item 1</td><td>Item 2</td><td>Item 3</td><td>Item 4</td><td>Item 5</td></tr><tr><td>Item A</td><td>Item B</td><td>Item C</td><td>Item D</td><td>Item E</td></tr></table>

eliminates all the blank space, but does produce a coding nightmare. There must be something that I am missing that is having all the non-coded sections included for some reason.

With something like that, I would run the Source Code through the vaildator and see if there are any errors and tackle them from the top down. Since this is on your board, you could have an unrelated code error creating the issue with the post.

--------------- Added [DATE]1253302743[/DATE] at [TIME]1253302743[/TIME] ---------------

Originally Posted by RedKnight

Although documentation does suggest the use of with or without quotation marks I did try both ways with the same result.

Now, with some tinkering I have been able to confirm that for some unknown reason the what is displaying is all non-coded blank spaces before the table, so using the code as:

<table border=1 cellpadding=5 width=100%><tr><th>Column 1</th><th>Column 2</th><th>Column 3</th><th>Column 4</th><th>Column 5</th></tr><tr><td>Item 1</td><td>Item 2</td><td>Item 3</td><td>Item 4</td><td>Item 5</td></tr><tr><td>Item A</td><td>Item B</td><td>Item C</td><td>Item D</td><td>Item E</td></tr></table>

eliminates all the blank space, but does produce a coding nightmare. There must be something that I am missing that is having all the non-coded sections included for some reason.

Wait, I just realized something. Quick question. You say this is BBCode, right? In what manner are you presenting tables as BBCode?

[RedKnight]

Originally Posted by Digital Jedi

With something like that, I would run the Source Code through the vaildator and see if there are any errors and tackle them from the top down. Since this is on your board, you could have an unrelated code error creating the issue with the post.

--------------- Added [DATE]1253302743[/DATE] at [TIME]1253302743[/TIME] ---------------


Wait, I just realized something. Quick question. You say this is BBCode, right? In what manner are you presenting tables as BBCode?

Right now the experimentation is strictly HTML. I have created a simple BBCode for it, but it is not relevant at this time; it does the same thing.


As for any "validator", I could try that but this is the only place such a problem occurs.

[Digital Jedi]

Originally Posted by RedKnight

Right now the experimentation is strictly HTML. I have created a simple BBCode for it, but it is not relevant at this time; it does the same thing.


As for any "validator", I could try that but this is the only place such a problem occurs.

That is most likely why your having the problem. All of your line breaks in code will be converted to line breaks once parsed inside of the post message area. The only way around that, that I know if, is to do the straight line code as you mentioned.

There are a number of modifications here on the site that attempt BBCode Tables in various ways. You might want to take a look at them, if at the very least just to get some ideas.

[RedKnight]

Originally Posted by Digital Jedi

That is most likely why your having the problem. All of your line breaks in code will be converted to line breaks once parsed inside of the post message area. The only way around that, that I know if, is to do the straight line code as you mentioned.

There are a number of modifications here on the site that attempt BBCode Tables in various ways. You might want to take a look at them, if at the very least just to get some ideas.

If that's the case, shouldn't the HTML work?