Too much white space on page

[Bob Deaver]

I’m pasting from my static html pages to my wordpress pages and it wall works fine except that I end up with lots of extra space on the page. The top of the page has a lot of space before my first table. Within the table, every Add to Cart button is far below the item I’m selling. If I delete this space in the Visual editor on a given page, I lose valuable info. This site is not live yet, so I can’t post a link right now, but here’s my shopping cart code for one item.

[Sushil Adhikari]

Unfortunately I really cannot provide support on custom things people do. Plus, if your site is not accessible, pasting code or doing screenshots makes it almost if not impossible to see the source code visually and to see what is happening. For instance, when troubleshooting things like this, using webmaster tools that now come with browsers, you can view the code and actually see where and what is causing the problem. I use the Chrome browser (popular for site development) because when you put your mouse anywhere within a page and right click, then choose Inspect Element, you can see and perform live editing on the spot to find the solution.

My only advice is to use the webmaster tools with your browser (most browsers have this feature) to find out what and where the issue is. Each browser has their own version of webmaster tools, but I find Safari and Chrome to have the better tools. The other option is to add your table in first with no content, test the page, then add a bit more to your table, then test the page. This might help you pinpoint what is creating the extra white space.

Regarding your buttons… delete the space but make sure you do that from the “Text” tab of the editor so you know what you are deleting. Also, please be aware that adding custom code such as you are doing, the WordPress editor is notorious for changing a user’s own code that they enter in…sometimes the changes are not visible. Where you think there are no extra blank lines, it puts in blank lines. You may want to consider using a more advanced editor plugin that lets you see “all HTML” tags. I had to do that with my demo sites by using the Advanced TinyMCE editor because the WP one was putting in extra empty

tags.

[Bob Deaver]

Thanks. Just switching from Firefox to Chrome (with Inspect Element) has made a world of difference.

[Sushil Adhikari]

Good to hear….For development, the Chrome browser is the choice. Were you able to see what was creating the extra space with the Chrome browser webmaster tools?

[Bob Deaver]

I can see all the

tags and
tags that were causing the problems. I’m not sure how to save those edits though.

Also, I’m not seeing how TinyMCE Advanced shows all the tags. I’m just not seeing anything different.

Thanks for any help

[Bob Deaver]

Actually, I think the “Raw HTML” plugin has just solved all my problems. Whoopee!

[Author]

Posts