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 to the CF scene
    Join Date
    May 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Why is there space after the table?

    Hi all,

    There seems to be a large space after the table. Can anyone tell me why or suggest how to fix it?

    Thanks!

    --------------------------------------------------------------------------
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title> Vanessa Wilson Design </title>
    
    <style type="text/css">
    <!--
    <style type="text/css">
    
    /*Credits: Dynamic Drive CSS Library */
    /*URL: http://www.dynamicdrive.com/style/ */
    
    .gallerycontainer{
    position: relative;
    }
    
    .thumbnail img{
    border: 1px solid white;
    margin: 0 5px 5px 0;
    }
    
    .thumbnail:hover{
    background-color: transparent;
    }
    
    .thumbnail:hover img{
    border: 1px SlateGray;
    }
    
    .thumbnail span{
    position: absolute;
    background-color: WhiteSmoke;
    padding: 5px;
    left: -1000px;
    border: 2px dashed gray;
    visibility: hidden;
    color: black;
    text-decoration: none;
    }
    
    .thumbnail span img{
    border-width: 0;
    padding: 2px;
    }
    
    .thumbnail:hover span{ 
    visibility: visible;
    top: 2%;
    left: 54%;
    z-index: 50;
    }
    -->
    </style>
    
    </style>
    </head>
    
    <body height = "600px">
    
    <table width= "100%" height= "600px" border="0" cellpadding="0" cellspacing="0">
    	
    	<tr>
    		<td>
    		</td>
    		<td  width= "50" align="right"  valign="bottom">
    <img src="media/resume1.jpg"  alt="Resume">
    		</td>
    		<td width= "50" align="right" valign="bottom">
    <img src="media/contact1.jpg"  alt="Contact">
    		</td>
    	</tr>
    	
    	<tr>
    		<td colspan= "3" height = "1px">
    <hr width= 95%  align="right" valign="top"> 
    		</td>
    	</tr>			
    	
    	<tr width= 100% height= "250px" >
    		<td >
    		</td>
    	</tr>
    	
    	<tr height= "70px">
    		<td align="left" valign= "bottom" >
    			<div class="gallerycontainer">
    <a class="thumbnail" href="#thumb"><img src="media/rickmanThumb.jpg" width="100px" height="66px" border="0" /><span><img src="media/rickman.jpg" /></span></a>
    <a class="thumbnail" href="#thumb"><img src="media/NovelThumb.jpg" width="100px" height="66px" border="0" /><span><img src="media/Novel.jpg" /></span></a>
    <a class="thumbnail" href="#thumb"><img src="media/FacelogoThumb.jpg" width="100px" height="66px" border="0" /><span><img src="media/Facelogo.jpg" /></span></a> 
    			</div>
    		</td>
    	</tr>
    	
    	<tr height= "70px">
    		<td  align="left" valign= "bottom" >
    			<div class="gallerycontainer">
    <a class="thumbnail" href="#thumb"><img src="media/FlatHouseThumb.jpg" width="100px" height="66px" border="0" /><span><img src="media/FlatHouse.jpg" /></span></a>
    <a class="thumbnail" href="#thumb"><img src="media/MedicThumb.jpg" width="100px" height="66px" border="0" /><span><img src="media/Medic.jpg" /></span></a>
    <a class="thumbnail" href="#thumb"><img src="media/Cake16Thumb.jpg" width="100px" height="66px" border="0" /><span><img src="media/Cake16.jpg" /></span></a> 
    			</div>
    		</td>
    	</tr>
    	
    	<tr height= "70px">
    		<td align="left" valign= "bottom" >
    			<div class="gallerycontainer">
    <a class="thumbnail" href="#thumb"><img src="media/remedyThumb.jpg" width="100px" height="66px" border="0" /><span><img src="media/remedy.jpg" /></span></a>
    <a class="thumbnail" href="#thumb"><img src="media/typo1Thumb.jpg" width="100px" height="66px" border="0" /><span><img src="media/typo1.jpg" /></span></a> 
    <a class="thumbnail" href="#thumb"><img src="media/typo3Thumb.jpg" width="100px" height="66px" border="0" /><span><img src="media/typo3.jpg" /></span></a> 
    			</div>
    		</td>
    	</tr>
    		</table>
    </body>
    </html>

  • #2
    New to the CF scene
    Join Date
    May 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Code:
    table {
    	margin-bottom: 2em;
    }

    edit the 2em to the desired gap size.
    Does this help at all?

  • #3
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,866
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    There seems to be a large space after the table.
    Don't you know why using tables for layout is very bad?
    Also be aware that your DOCTYPE is also not complete which may produce the quirks mode output in some browsers.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    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
    •