10 {{ upvoteCount | shortNum }}
10 {{ upvoteCount | shortNum }}

Too Much Whitespace Under My Header

by Lee Murray
8 replies
  • WEB DESIGN
    • |
Hey warriors,

I'm working on my first static sales page. It's a PLR html template which I am editing using NVU.

I'm not quite sure what the issue is, but there is a lot of whitespace between my header image and the opening headline.

I couldn't find anything in the source file to indicate that this should be happening. I do admit that I am quite the novice, however, when it comes to making that type of interpretation.

If anyone has experience cleaning this sort of thing up, I'd love to heed your advice. I thank you in advance.

How To Get Rid Of A Toothache Naturally In Less Than 12 Hours

(I will be putting the site up on a different domain. Just testing right now.)

Thanks,

Lee

P.S. Does my headline suck? :confused:
#header #whitespace
  • Profile picture of the author Trivium
    Code:
    <table border="0" cellpadding="0" cellspacing="0" width="770">
         <tbody>
           <tr>
             <td background="bg.jpg">
             <p></p>
             <table align="center" border="0" cellpadding="0"  cellspacing="0" width="88%">
    My guess would be that the empty paragraph just above your content might be to blame. However, there are so many nested tables that it gets a bit confusing. The size of the whitespace is larger than I would expect to be caused from this, so try making the change, and see how it goes.

    In the mean-time, I might have a quick look and see what else might be causing it.
    Signature
    Wired Up - Computer guides and software reviews
    {{ DiscussionBoard.errors[5176511].message }}
  • Profile picture of the author Lee Murray
    Nevermind. I get it. Thanks.
    Signature
    {{ DiscussionBoard.errors[5176582].message }}
  • Profile picture of the author Lee Murray
    Okay, so that did help a little. But like you said, the whitespace is too large for that alone to be the culprit. Thank you for taking a look, though. I appreciate your time.

    Any other suggestions?
    Signature
    {{ DiscussionBoard.errors[5176595].message }}
  • Profile picture of the author Trivium
    Hi Lee,

    Sorry I didn't make myself clearer. I was only providing the code to give you an idea of whereabouts the problem was. However, it doesn't seem to have fixed the problem (assuming the change was made). I did notice upon re-examination of the site, that you do have an empty row, as bolded in the following code segment (this segment occurs about 25 lines in):

    Code:
    <td background="bg.jpg">
             <table align="center" border="0" cellpadding="0"  cellspacing="0" width="88%">               <tbody>
                 <tr>
                   <td>
                   </td>
                 </tr>
               </tbody>
<tbody>                 
<tr>
    It does lie between your header and content, so could be part of the problem. Is that empty row there for a purpose, or just left there by accident?

    Also, make sure you have backups saved of your site in case something goes wrong. You don't want to undo all the hard work you've done over one small problem.

    Hope that helps!


    EDIT: Only just now saw your previous post. Talk about timing! I've identified another possible culprit above. Hopefully it fixes the problem
    Signature
    Wired Up - Computer guides and software reviews
    {{ DiscussionBoard.errors[5176606].message }}
    • Profile picture of the author pmrc
      Code:
      <div style="text-align: center;"><big style="font-weight: bold;">
<br>

<br>

<br>

<br>

<br>

<br>


</big>

<img border="0" width="1" height="1" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" alt="">


</div>
      Get rid of all the <br> tags and you will remove that white space
      Signature
      Make Money With Traffic Exchanges
      {{ DiscussionBoard.errors[5177339].message }}
      • Profile picture of the author Trivium
        Originally Posted by pmrc View Post

        Get rid of all the <br> tags and you will remove that white space

        Ah, I appear to have missed that section of the code (although I notice that bit lies quite deep in the code. I was just looking in the area directly between the header and the content). However, there are so many nested tables that trying to decypher the source code in relation to the produced result is difficult to say the least. But that many break statements would definitely sound like the problem.

        Also, I noticed the text is now overflowing the bounds of the center column. Was this due to the last change I tentatively suggested? If so, I'm sorry that I mis-interpreted the code, and did you back up the site like I suggested? If so, and pmrc's suggestion fixes things up, it might be better to revert to that, and then make his change.
        Signature
        Wired Up - Computer guides and software reviews
        {{ DiscussionBoard.errors[5177366].message }}
  • Profile picture of the author Trivium
    Hi Lee,

    As it turns out, pmrc was indeed right about those break tags. Removing them did fix the problem. I also took the liberty of fixing the issues with your table width, and the text overflowing the border, and I've attached the corrected code in a text file to this message. Just copy and paste it over your existing code, and it should fix the whitespace and text overflow issues. But do back up your existing site file just in case it doesn't for whatever reason.

    Hopefully this puts an end to your problems.
    Signature
    Wired Up - Computer guides and software reviews
    {{ DiscussionBoard.errors[5181921].message }}

Trending Topics