HTML unused vertical space around table

S

Scott

I'm using a pre-designed web site that allow custom pages with html
programming.
I've included the following as an example.

<b>Test 1234</b>
aaaaaaaaaaaaaaaaaaaa

The above displays the top text in bold, and the other text. It is at the
top of the page. However, when I try and incorporate a sample table (below),
it seems to incorporate a large vertical space before and after the table (ie
blank area at top of page). When I add the below programming directly after
the programing at top, the top text is displayed at the top, but there is
still the same distance (space) before the table starts. Any suggestions.

<TABLE BORDER=1>
<TR><TH>Name</TH> <TH>Extension</TH></TR>
<TR><TD>Raha Mutisya</TD> <TD>1493</TD></TR>
<TR><TD>Shalom Buraka</TD> <TD>3829</TD></TR>
<TR><TD>Hallie Curry</TD> <TD>8372</TD></TR>
<TR><TD>Shari Silberglitt</TD> <TD>4827</TD></TR></TABLE>
 
M

Murray

What you are interpreting as space above the table, is actually space within
the table.

Try changing this -

<TABLE BORDER=1>
<TR><TH>Name</TH> <TH>Extension</TH></TR>

to this -

<table border="1" cellspacing="0" cellpadding="0">
<tr><th>Name</th> <th>Extension</th></tr>

(note the use of lower case, and properly quoted attribute values)

and see what you get.

By the way, this is invalid -
<b>Test 1234</b>
aaaaaaaaaaaaaaaaaaaa
Click to expand...

It would have to be -

<p><b>Test 1234</b>
aaaaaaaaaaaaaaaaaaaa</p>

or something....
 
S

Scott

Thanks, but didn't help.

I played around with it, and discovered that the spaces before and after the
table (vertically) ae equal to the rown in the table. If I have a table with
onlt one row, it displays at the top, however, if I have 10 rows, it starts
quite low down on the page. I have no idea what's causing this...

Plain text is displayed right at the top.
 
R

Ronx

If you have published this page to a web site, please provide a link.
Otherwise, Preview your page in a browser, View Source and copy the
entire code. Then paste your entire page code here. Then we can see
what is going on. (Pasting the code from FrontPage code / html view
may hide something, hence the need for "Preview in browser".
 
S

Scott

Code fom browser, when displayed each row in table results in a blank line
above table.

<table border="1"><BR><TR><TD>Shari Silberglitt</TD>
<TD>4827</TD></TR><BR><TR><TD>Shari Silberglitt</TD>
<TD>4827</TD></TR></TABLE><BR>TEST</FONT></TD></TR></TABLE>
 
M

Murray

Well, sure -

<table border="1"><BR><TR><TD>Shari Silberglitt</TD>
---------------------------^^^^^
<TD>4827</TD></TR><BR><TR><TD>Shari Silberglitt</TD>
---------------------------------^^^^
<TD>4827</TD></TR></TABLE><BR>TEST</FONT></TD></TR></TABLE>
-----------------------------------------------^^^^^

That's invalid code, by the way.
 
S

Scott

What is making this difficult is that it seesm to work fine in front page,
but I am uploading the code to a "custom page" of a web site. Everything
seems to work except for tables - they get empty spaces before and after. Is
there an html code for "backspace" or "delete lines" to see if taht would
bring it back up to it's corect position?
 
M

Murray

The fact that something works without error in <your favorite HTML authoring
tool> is immaterial. It's invalid HTML and it will not work reliably.

Delete all instances of <br> that occur between <tr> and </tr> or between
<table> and <tr>.
 
R

Rob Giordano \(Crash\)

why not just let FP create the table for ya?


| What is making this difficult is that it seesm to work fine in front page,
| but I am uploading the code to a "custom page" of a web site. Everything
| seems to work except for tables - they get empty spaces before and after.
Is
| there an html code for "backspace" or "delete lines" to see if taht would
| bring it back up to it's corect position?
|
| "Murray" wrote:
|
| > Well, sure -
| >
| > <table border="1"><BR><TR><TD>Shari Silberglitt</TD>
| > ---------------------------^^^^^
| > <TD>4827</TD></TR><BR><TR><TD>Shari Silberglitt</TD>
| > ---------------------------------^^^^
| > <TD>4827</TD></TR></TABLE><BR>TEST</FONT></TD></TR></TABLE>
| > -----------------------------------------------^^^^^
| >
| > That's invalid code, by the way.
| >
| >
| > --
| > Murray
| > --------------
| > MVP FrontPage
| >
| >
| > | > > Code fom browser, when displayed each row in table results in a blank
line
| > > above table.
| > >
| > > <table border="1"><BR><TR><TD>Shari Silberglitt</TD>
| > > <TD>4827</TD></TR><BR><TR><TD>Shari Silberglitt</TD>
| > > <TD>4827</TD></TR></TABLE><BR>TEST</FONT></TD></TR></TABLE>
| > >
| > >
| >
| >
| >
 
J

John Malone

Try removing the <br> tags and that should do it...
Like...

<table border="1"><TR><TD>Shari Silberglitt</TD>
<TD>4827</TD></TR><TR><TD>Shari Silberglitt</TD>
<TD>4827</TD></TR></TABLE>

Note: Table lacks "summery" Attribute

That has no space above the table..

In you sample you also had

<BR>TEST</FONT></TD></TR></TABLE>

The closing tags are from?

John Malone
=====================
| What is making this difficult is that it seesm to work fine in front page,
| but I am uploading the code to a "custom page" of a web site. Everything
| seems to work except for tables - they get empty spaces before and after.
Is
| there an html code for "backspace" or "delete lines" to see if taht would
| bring it back up to it's corect position?
|
| "Murray" wrote:
|
| > Well, sure -
| >
| > <table border="1"><BR><TR><TD>Shari Silberglitt</TD>
| > ---------------------------^^^^^
| > <TD>4827</TD></TR><BR><TR><TD>Shari Silberglitt</TD>
| > ---------------------------------^^^^
| > <TD>4827</TD></TR></TABLE><BR>TEST</FONT></TD></TR></TABLE>
| > -----------------------------------------------^^^^^
| >
| > That's invalid code, by the way.
| >
| >
| > --
| > Murray
| > --------------
| > MVP FrontPage
| >
| >
| > | > > Code fom browser, when displayed each row in table results in a blank
line
| > > above table.
| > >
| > > <table border="1"><BR><TR><TD>Shari Silberglitt</TD>
| > > <TD>4827</TD></TR><BR><TR><TD>Shari Silberglitt</TD>
| > > <TD>4827</TD></TR></TABLE><BR>TEST</FONT></TD></TR></TABLE>
| > >
| > >
| >
| >
| >
 
J

John Malone

Looks like it!

But we all know that <br> tags are not to be used in a table.

I tried to answer this without looking at your post just to see if I could
come up with the same (or close) answer that you did. 8)
Never hurts to learn some HTML - CSS

I value your opinion even when you shoot from the hip... 8)

John Malone
===================
| The whole set of code posted had been hit with a ball peen hammer....
|
| --
| Murray
| --------------
| MVP FrontPage
|
|
| | > Try removing the <br> tags and that should do it...
| > Like...
| >
| > <table border="1"><TR><TD>Shari Silberglitt</TD>
| > <TD>4827</TD></TR><TR><TD>Shari Silberglitt</TD>
| > <TD>4827</TD></TR></TABLE>
| >
| > Note: Table lacks "summery" Attribute
| >
| > That has no space above the table..
| >
| > In you sample you also had
| >
| > <BR>TEST</FONT></TD></TR></TABLE>
| >
| > The closing tags are from?
| >
| > John Malone
| > =====================
| > | > | What is making this difficult is that it seesm to work fine in front
| > page,
| > | but I am uploading the code to a "custom page" of a web site.
Everything
| > | seems to work except for tables - they get empty spaces before and
| > after.
| > Is
| > | there an html code for "backspace" or "delete lines" to see if taht
| > would
| > | bring it back up to it's corect position?
| > |
| > | "Murray" wrote:
| > |
| > | > Well, sure -
| > | >
| > | > <table border="1"><BR><TR><TD>Shari Silberglitt</TD>
| > | > ---------------------------^^^^^
| > | > <TD>4827</TD></TR><BR><TR><TD>Shari Silberglitt</TD>
| > | > ---------------------------------^^^^
| > | > <TD>4827</TD></TR></TABLE><BR>TEST</FONT></TD></TR></TABLE>
| > | > -----------------------------------------------^^^^^
| > | >
| > | > That's invalid code, by the way.
| > | >
| > | >
| > | > --
| > | > Murray
| > | > --------------
| > | > MVP FrontPage
| > | >
| > | >
| > | > | > | > > Code fom browser, when displayed each row in table results in a
| > blank
| > line
| > | > > above table.
| > | > >
| > | > > <table border="1"><BR><TR><TD>Shari Silberglitt</TD>
| > | > > <TD>4827</TD></TR><BR><TR><TD>Shari Silberglitt</TD>
| > | > > <TD>4827</TD></TR></TABLE><BR>TEST</FONT></TD></TR></TABLE>
| > | > >
| > | > >
| > | >
| > | >
| > | >
| >
| >
|
|
 
M

Murray

But we all know that <br> tags are not to be used in a table.

There is no such proscription. For example - <table><tr><td><p>Here is text
and <br>this is preceded by a line break</p></td></tr></table> - would be
perfectly valid.

Any content or presentational markup that occurs in a table, but OUTSIDE of
I value your opinion even when you shoot from the hip... 8)
Click to expand...

Thanks!
 
J

John Malone

I know what you are saying, I just stated it very poorly.

Like
<table><br><tr><td>
(like they had)

John Malone
=========
|> But we all know that <br> tags are not to be used in a table.
|
| There is no such proscription. For example - <table><tr><td><p>Here is
text
| and <br>this is preceded by a line break</p></td></tr></table> - would be
| perfectly valid.
|
| Any content or presentational markup that occurs in a table, but OUTSIDE
of
| <td></td> is invalid, however.
|
| > I value your opinion even when you shoot from the hip... 8)
|
| Thanks!
|
| --
| Murray
| --------------
| MVP FrontPage
|
|
| | > Looks like it!
| >
| > But we all know that <br> tags are not to be used in a table.
| >
| > I tried to answer this without looking at your post just to see if I
could
| > come up with the same (or close) answer that you did. 8)
| > Never hurts to learn some HTML - CSS
| >
| > I value your opinion even when you shoot from the hip... 8)
| >
| > John Malone
| > ===================
| > | > | The whole set of code posted had been hit with a ball peen hammer....
| > |
| > | --
| > | Murray
| > | --------------
| > | MVP FrontPage
| > |
| > |
| > | | > | > Try removing the <br> tags and that should do it...
| > | > Like...
| > | >
| > | > <table border="1"><TR><TD>Shari Silberglitt</TD>
| > | > <TD>4827</TD></TR><TR><TD>Shari Silberglitt</TD>
| > | > <TD>4827</TD></TR></TABLE>
| > | >
| > | > Note: Table lacks "summery" Attribute
| > | >
| > | > That has no space above the table..
| > | >
| > | > In you sample you also had
| > | >
| > | > <BR>TEST</FONT></TD></TR></TABLE>
| > | >
| > | > The closing tags are from?
| > | >
| > | > John Malone
| > | > =====================
| > | > | > | > | What is making this difficult is that it seesm to work fine in
front
| > | > page,
| > | > | but I am uploading the code to a "custom page" of a web site.
| > Everything
| > | > | seems to work except for tables - they get empty spaces before and
| > | > after.
| > | > Is
| > | > | there an html code for "backspace" or "delete lines" to see if
taht
| > | > would
| > | > | bring it back up to it's corect position?
| > | > |
| > | > | "Murray" wrote:
| > | > |
| > | > | > Well, sure -
| > | > | >
| > | > | > <table border="1"><BR><TR><TD>Shari Silberglitt</TD>
| > | > | > ---------------------------^^^^^
| > | > | > <TD>4827</TD></TR><BR><TR><TD>Shari Silberglitt</TD>
| > | > | > ---------------------------------^^^^
| > | > | > <TD>4827</TD></TR></TABLE><BR>TEST</FONT></TD></TR></TABLE>
| > | > | > -----------------------------------------------^^^^^
| > | > | >
| > | > | > That's invalid code, by the way.
| > | > | >
| > | > | >
| > | > | > --
| > | > | > Murray
| > | > | > --------------
| > | > | > MVP FrontPage
| > | > | >
| > | > | >
| > | > | > | > | > | > > Code fom browser, when displayed each row in table results in
a
| > | > blank
| > | > line
| > | > | > > above table.
| > | > | > >
| > | > | > > <table border="1"><BR><TR><TD>Shari Silberglitt</TD>
| > | > | > > <TD>4827</TD></TR><BR><TR><TD>Shari Silberglitt</TD>
| > | > | > > <TD>4827</TD></TR></TABLE><BR>TEST</FONT></TD></TR></TABLE>
| > | > | > >
| > | > | > >
| > | > | >
| > | > | >
| > | > | >
| > | >
| > | >
| > |
| > |
| >
| >
|
|
 
S

Scott

Fixed it. I was using a custom web page form on a web site. For instance
you could just type a plain sentence and it would be posted on a "custom"
page with no code need whatsoever. To bold something you'd include <b> and
</b>. However, it allows tables if you enter all the code as a text file.
I use FP for my own site and had no problem, but for this site you had to
cust and paste the html code, and it would post it to the site. For some
reason it added a bunch of breaks. Thanks to your help, I went thorugh it
after I uploaded it, and deleted them all, and it works great now.
 
J

John Malone

Glad to hear you got it.

John Malone
| Fixed it. I was using a custom web page form on a web site. For instance
| you could just type a plain sentence and it would be posted on a "custom"
| page with no code need whatsoever. To bold something you'd include <b>
and
| </b>. However, it allows tables if you enter all the code as a text file.
| I use FP for my own site and had no problem, but for this site you had to
| cust and paste the html code, and it would post it to the site. For some
| reason it added a bunch of breaks. Thanks to your help, I went thorugh it
| after I uploaded it, and deleted them all, and it works great now.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Can one include data from javascript in form 1
Report Grouping 2
Printing Form sent via Email 2
Frontpage removes javascript after save 6
Looping through HTML table to populate Excel 6
Adding a date to a form confirmation page 3
External data from HTML document 2
Pasting HTML from IE into Word 2007 2

Top