Blank Space above Tables

Get HTML help, style input, and feedback on your pages from other SP members.
User Avatar
mrchad9

 
Posts: 4545
Joined: Thu Jul 02, 2009 12:01 am
Thanked: 1338 times in 911 posts

Blank Space above Tables

by mrchad9 » Fri Sep 13, 2013 7:12 pm

Anyone have any ideas as to why there is about 8 rows of blank space above both of the tables in this article?

http://www.summitpost.org/packing-light ... nes/866824

It is using the exact same code I have always used for these tables (as far as I can tell). Never had an issue before.

Here is the code for the first table:

Code: Select all
<table align="center" border="1" bordercolor="#FFFFFF" BGCOLOR="#DDDDDD" cellpadding="5" cellspacing="0" width=90%><tr BGCOLOR="#444444"><th><font color="#FFFFFF">Item</font></th><th><font color="#FFFFFF">Weight</font></th><th><font color="#FFFFFF">Comments</font></th></tr>
<tr><td><b>Sun hat</b></td><td>2 ounces</td><td></td></tr>
<tr><td><b>Warm hat</b></td><td>2 ounces</td><td>Always bring this, excellent warmth for the weight</td></tr>
<tr><td><b>Neck gaiter</b></td><td>1.5 ounces</td><td>Also weighs only a little but can add a ton of warmth either on the move or when sleeping</td></tr>
<tr><td><b>Lightweight gloves</b></td><td>2 ounces</td><td>Often optional</td></tr>
<tr><td><b>Spare socks</b></td><td>2 ounces</td><td>I usually bring one extra pair, and often wear both when I am sleeping</td></tr>
<tr><td><b>Towel</b></td><td>0.7 ounces</td><td>OK this is extraneous, but I often take a washcloth sized towel (nothing larger).  Tiny but still good enough for after a dip in a cold lake or for wiping condensation or frost off the tent.</td></tr>
<tr><td><b>Thermal bottoms</b></td><td>5 ounces</td><td>Good in the morning/evenings and generally I wear them in the sleeping bag.</td></tr>
<tr><td><b>Top base layer</b></td><td>11 ounces</td><td>Just recently I shaved another 5 ounces off my switching from two lightweight layers to a single midweight layer.</td></tr>
<tr><td><b>Down sweater</b></td><td>12 ounces</td><td>I have a Patagonia Down Sweater for my main layer, and if colder than normal I might bring either an additional base layer top or a Mountain Hardwear Ghost Whisperer down jacket as well.</td></tr>
<tr><td><b>Hardshell jacket</b></td><td>13 ounces</td><td>I use a Marmot PreCip Rain Jacket (after using a softshell for years). When going light, use a hardshell, always lighter and more compact.  If the weather warrants this can frequently be skipped altogether for large weight savings, or use a lighter option.</td></tr></table>

User Avatar
rgg
Forum Moderator
 
Posts: 859
Joined: Sat Oct 02, 2010 7:15 pm
Thanked: 192 times in 154 posts

Re: Blank Space above Tables

by rgg » Sat Sep 14, 2013 5:35 am

Easy: there are a whole lot of <br> tags above your table.

What's not easy is to figure out how they got there in the first place. I don't know what you did, but until proven otherwise, I assume that it is at least partway caused by the new editor.

I've seen the new editor insert additional breaks without me asking for it, and I know others have complained about this too. Mind you, It's not random. Typically, it happens when I'm editing an object and paste something in it that I wrote earlier, be it a piece of HTML in one of my custom objects or just plain text I wrote in notepad. Directly after pasting, all looks well in the new editor, but as soon as I submit the object, the editor adds extra breaks - it appears as if every break that was already in there gets another one!

My "solution" is to edit the object again immediately after submission, and remove all the breaks that I don't want. Fortunately, after doing that and submitting the object again, the new editor doesn't add breaks all over again, for if it did, that would make it unusable. Now it's just a nuisance.
For the record, this happens to me whether I simply paste text or work in HTML mode directly. It's been reported as a bug in the new editor several times.

The following user would like to thank rgg for this post
mrchad9

User Avatar
mrchad9

 
Posts: 4545
Joined: Thu Jul 02, 2009 12:01 am
Thanked: 1338 times in 911 posts

Re: Blank Space above Tables

by mrchad9 » Mon Sep 16, 2013 1:10 am

Ahhhh!

Matt has found a way to force me into using the new editor!

EDIT: I was reluctant at first. I wasn't sure how easy it'd be to go back and manipulate the tables if I needed. Looks like no issues!

User Avatar
Josh Lewis

 
Posts: 3414
Joined: Thu Jan 06, 2011 11:12 pm
Thanked: 1111 times in 679 posts

Re: Blank Space above Tables

by Josh Lewis » Thu Sep 19, 2013 5:04 pm

I use an HTML compressor for my tables when using the old editor. This is because line breaks in the code are converted to br tags by PHP (Hyper Text Preprocessor).

User Avatar
mrchad9

 
Posts: 4545
Joined: Thu Jul 02, 2009 12:01 am
Thanked: 1338 times in 911 posts

Re: Blank Space above Tables

by mrchad9 » Thu Sep 19, 2013 6:05 pm

Josh I have no idea what you are talking about.

User Avatar
clmbr

 
Posts: 678
Joined: Sat Jun 02, 2007 6:21 am
Thanked: 131 times in 91 posts

Re: Blank Space above Tables

by clmbr » Thu Sep 19, 2013 6:07 pm

The new editor has some issues especially with layout and line spaces. I can see everything the way I want but once I hit the button to submit the page everything gets screwed up. It takes several fixes to finally get what I want. I tried to use the editor in both views (including HTML) as well as pasting my code (or combination of all of the above). This editor makes too many guesses but in fact its logic in design is very pure. I would like to have at least the real preview version that I would be able to fix before submitting the final version. One may only hope that after a few years it may be improved like DreamWeaver which sucked at the beginning for quite a long time.

I usually don’t complain and try to work around on my own but I believe such an editor is supposed to speed up the work, not to slow it down and frustrate the user, even if it’s free for the user. Well there is more and more crap in digital world.

User Avatar
Marcsoltan

 
Posts: 213
Joined: Wed Jul 16, 2008 6:36 am
Thanked: 92 times in 39 posts

Re: Blank Space above Tables

by Marcsoltan » Fri Sep 20, 2013 1:50 am

I've been using the new editor on my last few submissions. It's pretty easy, may be a little too easy. I was considering converting all my pages to the new editor, but I have changed my mind. There are a number of problems with it that make the old editor more desirable. Here's a list of things I don't like about the new editor, and only one item that I do like about it:

When I copy and paste a page worth of text from my note pad I get paragraphs that seem to be in different size fonts. e.g. I get a whole paragraph that is in a smaller font and some paragraphs that are in a larger font. I tried to use the code for different size font/color and all I got was the copy of the code. No surprise there, but it was worth a try.

The tables are easy to make but the background colors are very limited. We also need to be able to put a border on the table with a color choice.

Color choices for the links are too limited too. I also like to be able to change the size of the text in a link.

I never get what I see in the "Edit" mode the same as after submitting. Too much fiddling around to get what I want.

The only thing that I like about the new editor is being able to change the size of the photos.

User Avatar
Josh Lewis

 
Posts: 3414
Joined: Thu Jan 06, 2011 11:12 pm
Thanked: 1111 times in 679 posts

Re: Blank Space above Tables

by Josh Lewis » Fri Sep 20, 2013 2:25 am

mrchad9 wrote:Josh I have no idea what you are talking about.


An HTML compressor is one that converts stretched out code to being nicely compact. For example, I use my own editor to product tables sometimes which may look like this:

Code: Select all
<table align="center">
   <tbody>
      <tr>
         <td>
            <div align="center" class="image" style="width: 156px;">
               <a href="/looking-down-the-hogs-back/734962"><img alt="Looking Down the Hogs Back" height="200" src="/images/small/734962.jpg" width="150" /></a><br />
               <span class="caption">Hogsback Glowing</span></div>
         </td>
         <td>
            <div align="center" class="image" style="width: 156px;">
               <a href="/alpenglow-on-logan-s-middle-summit/745961"><img alt="Alpenglow on Logan s Middle Summit" height="200" src="/images/small/745961.jpg" width="150" /></a><br />
               <br />
               <span class="caption">Alpenglow on Logan</span><br />
               &nbsp;</div>
         </td>
                </tr>
        </tbody>
</table>


But SP's old editor processes all the spacing which creates as huge gap. The reason SP does this is so that people wouldn't have to type <br /> for each line break! :o

So what I do to counter this is I use a program that compressed the HTML and makes it work nicely on SP. 8) This is what the compressed version looks like:

Code: Select all
<table align=center><tbody><tr><td><div align=center class=image style="width: 156px;"><a href=/looking-down-the-hogs-back/734962><img alt="Looking Down the Hogs Back" height=200 src=/images/small/734962.jpg width=150 /></a><br /> <span class=caption>Hogsback Glowing</span></div></td><td><div align=center class=image style="width: 156px;"><a href=/alpenglow-on-logan-s-middle-summit/745961><img alt="Alpenglow on Logan s Middle Summit" height=200 src=/images/small/745961.jpg width=150 /></a><br /> <br /> <span class=caption>Alpenglow on Logan</span><br /> &nbsp;</div></td></table>


Return to Page Help

 


  • Related topics
    Replies
    Views
    Last post

Who is online

Users browsing this forum: No registered users and 0 guests