Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    May 2010
    Location
    Saint Louis, MO
    Posts
    31
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Unhappy How do I get rid of the space on this page?

    Okay, so I have a template that I purchased and I am trying to list all of my products on this page. However, there is a space above the very first product that I need to get rid of, but I can't figure out how to do so! Here is the code..

    Code:
    <TD background="images/1bak1.jpg" WIDTH=398 HEIGHT=703 ALT=""><div style="padding-top:0px; text-align:center;">
                              
                              <div style="padding-top:0px; text-align: center;"> 
                                <p><a href="#" class="1"><img src="images/runawayjury.jpg" align="middle"></a>The Runaway Jury</p>
    </div>
    <div class="1" style="padding-top:0px; text-align: center;">
      <p><a href="#"><img src="images/runawayjury.jpg" align="absmiddle"></a><a href="#" class="1">The Runaway Jury</a></p>
    </div></TD>
    It's all in a box, which I'm guessing is a table? Not sure.. Anyways - I have 2 example listings on the page of two books and like I said before, there's a space between the first book and the top of the table. Any help would be greatly appreciated! Oh, and I've attached the image that's in the code, if anybody's interested in it. I can attach more, if needed.
    Attached Thumbnails Attached Thumbnails How do I get rid of the space on this page?-runawayjury.jpg  

  • #2
    Regular Coder optimus203's Avatar
    Join Date
    Sep 2008
    Location
    CT
    Posts
    317
    Thanks
    22
    Thanked 16 Times in 15 Posts
    It looks like your first <div> tag isn't closed. You don't need it, unless your containing a series of divs, which you might not need to. This should work...

    Code:
    <TD background="images/1bak1.jpg" WIDTH=398 HEIGHT=703 ALT="">
    <div style="padding-top:0px; text-align: center;"> 
      <p><a href="#" class="1"><img src="images/runawayjury.jpg" align="middle"></a>The Runaway Jury</p>
    </div>
    <div class="1" style="padding-top:0px; text-align: center;">
      <p><a href="#"><img src="images/runawayjury.jpg" align="absmiddle"></a><a href="#" class="1">The Runaway Jury</a></p>
    </div>
    </TD>
    Always thank those CF Users who help you solve issues...
    Connecticut Web Design

  • #3
    New Coder
    Join Date
    May 2010
    Location
    Saint Louis, MO
    Posts
    31
    Thanks
    6
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by optimus203 View Post
    It looks like your first <div> tag isn't closed. You don't need it, unless your containing a series of divs, which you might not need to. This should work...

    Code:
    <TD background="images/1bak1.jpg" WIDTH=398 HEIGHT=703 ALT="">
    <div style="padding-top:0px; text-align: center;"> 
      <p><a href="#" class="1"><img src="images/runawayjury.jpg" align="middle"></a>The Runaway Jury</p>
    </div>
    <div class="1" style="padding-top:0px; text-align: center;">
      <p><a href="#"><img src="images/runawayjury.jpg" align="absmiddle"></a><a href="#" class="1">The Runaway Jury</a></p>
    </div>
    </TD>

    You're right! I didn't even see that.. Thank you so much for finding that for me! That fixed my problem.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •