Help - Search - Members - Calendar
Full Version: Problems With A Page
BleepingComputer.com > Internet & Networking > Web Site Development
   
doh102
ok, here goes. I am building a website for a business, and I am not an expert by any means, but have found ways to get around my limited knowledge and put together a decent looking site. I am stuck, however, and a small portion of one page. I will list the html script, and then, what i need to know, is how I can get the table containing the pictures/dimensions table closer to the top of the page. I know the table is not finished, but as I add more rows, the table itself shifts down further. If anyone could help, that'd be great!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<!-- Created with the CoffeeCup HTML Editor -->
<!-- http://www.coffeecup.com/ -->
<!-- Brewed on 3/19/2007 2:52:06 PM -->
<head>
<title></title>
</head>
<body>
<html><title>Finding The Stone Zone</title>


<table width="739" border="0" cellspacing="0" cellpadding="0" height="20" align="center">

<tr valign="top">

<td width="739" height="">

<div align="center">

<table width="739" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="26%" height="18"><a href="index.html"><img src="stonezoneman.jpg" width="175" height="150" border="0"></a></td>

<td width="74%" height="18" valign="bottom">

<div align="right"><font face="Arial, Helvetica, sans-serif" size="2"><b><a href="directionsn.html" style="text-decoration:none"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000" onMouseOver="this.style.color='#990000'"



onMouseOut="this.style.color='#000000'"><b>Directions </b></font></a>&nbsp;l &nbsp;<a href="productsn.html" style="text-decoration:none"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000" onMouseOver="this.style.color='#990000'"



onMouseOut="this.style.color='#000000'"><b>Products</b></font></a> &nbsp;l &nbsp;<a href="finishedn.html" style="text-d
ecoration:none"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000" onMouseOver="this.style.color='#990000'"


onMouseOut="this.style.color='#000000'"><b>Finished Projects</b></font></a> &nbsp;l &nbsp;<a href="hoursn.html" style="text-decoration:none"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000" onMouseOver="this.style.color='#990000'"



onMouseOut="this.style.color='#000000'"><b>Hours</b></font></a> &nbsp;l

&nbsp;<a href="aboutusn.html" style="text-decoration:none"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000" onMouseOver="this.style.color='#990000'"



onMouseOut="this.style.color='#000000'"><b>About Us </b></font></a>&nbsp;l &nbsp;<a href="index.html" style="text-decoration:none"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000" onMouseOver="this.style.color='#990000'"



onMouseOut="this.style.color='#000000'"><b>Home</b></font></a></b></font></div>

</td>

</tr>

</table>
<br><br>Boulders have many uses and come in a variety of shapes/colors...etc
<table width="100%" border="0" cellspacing="0" cellpadding="3" align="center">

<tr>
<td class="body" height="20" width="150" align="center" bgcolor="#cc0000">
<b><font color="#ffffff">Picture</font></b></td>
<td class="caption" height="20" align="center" bgcolor="#cc0000">
<font color="#ffffff"><b>Stone</b></font></td>
<td class="caption" height="20" align="center" bgcolor="#cc0000">
<b><font color="#ffffff">Dimensions</font></b></td>


<td class="caption" height="20" align="center" bgcolor="#cc0000">
<b><font color="#ffffff">Colors</font></b></td>
<td class="caption" height="20" align="center" bgcolor="#cc0000">
<font color="#ffffff"><b>Etc.</b></font></td>
</tr>
<tr>
<td class="body" width="150" align="center"> <a href="aquablueb.html" target="_blank"><img src="aquablueb.jpg" border="0" alt="Aqua Blue Boulder" width="150" height="129"></a></td>
<td class="caption" valign="top"><b>Aqua Blue</b></td>

<td class="caption" valign="top">???</td>

<td class="caption" valign="top"> ?Colors?
<td class="caption" valign="top">&nbsp;</td>
</tr>
<tr valign="top">
<td class="body" width="150" align="center" bgcolor="#DEE0E4">
<a href="blackobsidianb.html" target="_blank"><img src="blackobsidianb.jpg" hspace="0" alt="Black Obsidian Boulder" border="0" width="150" height="129"></a></td>
<td class="caption" bgcolor="#999999"><b>Black Obsidian</b></td>
<td class="caption" bgcolor="#999999">???</td>

<td class="caption" bgcolor="#999999">?Colors? </td>
<td class="caption" bgcolor="#999999">&nbsp;</td><br><br><br><center></center>
</tr><tr>
<td class="body" width="150" align="center"> <a href="aquablueb.html" target="_blank"><img src="aquablueb.jpg" border="0" alt="Aqua Blue Boulder" width="150" height="129"></a></td>
<td class="caption" valign="top"><b>Aqua Blue</b></td>

<td class="caption" valign="top">???</td>

<td class="caption" valign="top"> ?Colors?
<td class="caption" valign="top">&nbsp;</td>
</tr>
<tr valign="top">
<td class="body" width="150" align="center" bgcolor="#DEE0E4">
<a href="blackobsidianb.html" target="_blank"><img src="blackobsidianb.jpg" hspace="0" alt="Black Obsidian Boulder" border="0" width="150" height="129"></a></td>
<td class="caption" bgcolor="#999999"><b>Black Obsidian</b></td>
<td class="caption" bgcolor="#999999">???</td>

<td class="caption" bgcolor="#999999">?Colors? </td>
<td class="caption" bgcolor="#999999">&nbsp;</td><br><br><br><center></center>
</tr><tr>
<td class="body" width="150" align="center"> <a href="aquablueb.html" target="_blank"><img src="aquablueb.jpg" border="0" alt="Aqua Blue Boulder" width="150" height="129"></a></td>
<td class="caption" valign="top"><b>Aqua Blue</b></td>

<td class="caption" valign="top">???</td>

<td class="caption" valign="top"> ?Colors?
<td class="caption" valign="top">&nbsp;</td>
</tr>
<tr valign="top">
<td class="body" width="150" align="center" bgcolor="#DEE0E4">
<a href="blackobsidianb.html" target="_blank"><img src="blackobsidianb.jpg" hspace="0" alt="Black Obsidian Boulder" border="0" width="150" height="129"></a></td>
<td class="caption" bgcolor="#999999"><b>Black Obsidian</b></td>
<td class="caption" bgcolor="#999999">???</td>

<td class="caption" bgcolor="#999999">?Colors? </td>
<td class="caption" bgcolor="#999999">&nbsp;</td><br><br><br><center></center>
</tr><tr>
<td class="body" width="150" align="center"> <a href="aquablueb.html" target="_blank"><img src="aquablueb.jpg" border="0" alt="Aqua Blue Boulder" width="150" height="129"></a></td>
<td class="caption" valign="top"><b>Aqua Blue</b></td>

<td class="caption" valign="top">???</td>

<td class="caption" valign="top"> ?Colors?
<td class="caption" valign="top">&nbsp;</td>
</tr>
<tr valign="top">
<td class="body" width="150" align="center" bgcolor="#DEE0E4">
<a href="blackobsidianb.html" target="_blank"><img src="blackobsidianb.jpg" hspace="0" alt="Black Obsidian Boulder" border="0" width="150" height="129"></a></td>
<td class="caption" bgcolor="#999999"><b>Black Obsidian</b></td>
<td class="caption" bgcolor="#999999">???</td>

<td class="caption" bgcolor="#999999">?Colors? </td>
<td class="caption" bgcolor="#999999">&nbsp;</td><br><br><br><center></center>
</tr><tr>
<td class="body" width="150" align="center"> <a href="aquablueb.html" target="_blank"><img src="aquablueb.jpg" border="0" alt="Aqua Blue Boulder" width="150" height="129"></a></td>
<td class="caption" valign="top"><b>Aqua Blue</b></td>

<td class="caption" valign="top">???</td>

<td class="caption" valign="top"> ?Colors?
<td class="caption" valign="top">&nbsp;</td>
</tr>
<tr valign="top">
<td class="body" width="150" align="center" bgcolor="#DEE0E4">
<a href="blackobsidianb.html" target="_blank"><img src="blackobsidianb.jpg" hspace="0" alt="Black Obsidian Boulder" border="0" width="150" height="129"></a></td>
<td class="caption" bgcolor="#999999"><b>Black Obsidian</b></td>
<td class="caption" bgcolor="#999999">???</td>

<td class="caption" bgcolor="#999999">?Colors? </td>
<td class="caption" bgcolor="#999999">&nbsp;</td><br><br><br><center></center>
</tr><tr>
<td class="body" width="150" align="center"> <a href="aquablueb.html" target="_blank"><img src="aquablueb.jpg" border="0" alt="Aqua Blue Boulder" width="150" height="129"></a></td>
<td class="caption" valign="top"><b>Aqua Blue</b></td>

<td class="caption" valign="top">???</td>

<td class="caption" valign="top"> ?Colors?
<td class="caption" valign="top">&nbsp;</td>
</tr>
<tr valign="top">
<td class="body" width="150" align="center" bgcolor="#DEE0E4">
<a href="blackobsidianb.html" target="_blank"><img src="blackobsidianb.jpg" hspace="0" alt="Black Obsidian Boulder" border="0" width="150" height="129"></a></td>
<td class="caption" bgcolor="#999999"><b>Black Obsidian</b></td>
<td class="caption" bgcolor="#999999">???</td>

<td class="caption" bgcolor="#999999">?Colors? </td>
<td class="caption" bgcolor="#999999">&nbsp;</td><br><br><br><center></center>
</tr><tr>
<td class="body" width="150" align="center"> <a href="aquablueb.html" target="_blank"><img src="aquablueb.jpg" border="0" alt="Aqua Blue Boulder" width="150" height="129"></a></td>
<td class="caption" valign="top"><b>Aqua Blue</b></td>

<td class="caption" valign="top">???</td>

<td class="caption" valign="top"> ?Colors?
<td class="caption" valign="top">&nbsp;</td>
</tr>
<tr valign="top">
<td class="body" width="150" align="center" bgcolor="#DEE0E4">
<a href="blackobsidianb.html" target="_blank"><img src="blackobsidianb.jpg" hspace="0" alt="Black Obsidian Boulder" border="0" width="150" height="129"></a></td>
<td class="caption" bgcolor="#999999"><b>Black Obsidian</b></td>
<td class="caption" bgcolor="#999999">???</td>

<td class="caption" bgcolor="#999999">?Colors? </td>
<td class="caption" bgcolor="#999999">&nbsp;</td><br><br><br><center></center>
</tr>



























</table>
<br><br><br>
<table width="739" border="0" cellspacing="0" cellpadding="0">

<tr>

<td valign="top">

<div align="center"><img src="divider.gif" width="739" height="10" alt="" border="0"><br>
<font size="-1">

14100 Ironwood Drive <br>

Grand Rapids, MI 49534 <br>
Phone: (800) 451-8077 or (616) 677-3112<br>
Fax: (616) 677-3647 </font><font face="Arial, Helvetica, sans-serif" size="2"><font size="1"><a href="copyright.htm" style="text-decoration:none"><font color="#000000" onMouseOver="this.style.color='#990000'" onMouseOut="this.style.color='#000000'">&copy;

2007 The Stone Zone</font></a></font></font></font></div>

</td>

</tr>

</table>

</div>

</td>

</tr>

</table>

<!-- #EndTemplate --></html>
</body>
</html>
doh102
Nevermind, i've got it figured out!
groovicus
It might be nice if you would share your solution with everybody so that the next time someone needs that question answered, they won't find a useless thread. I suspect, however, that it may have something to do with setting the top margin to zero though.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.