...

View Full Version : Why is there space after the table?



marieblack
05-15-2010, 07:02 PM
Hi all,

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

Thanks!

--------------------------------------------------------------------------

<!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>

Corrie
05-16-2010, 11:30 AM
table {
margin-bottom: 2em;
}


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

abduraooft
05-16-2010, 12:45 PM
There seems to be a large space after the table. Don't you know why using tables for layout is very bad (http://www.hotdesign.com/seybold/)?
Also be aware that your DOCTYPE is also not complete (http://www.alistapart.com/articles/doctype/) which may produce the quirks mode output in some browsers.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum