Help
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> l <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> l <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> l <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> l
<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> l <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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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'">©
2007 The Stone Zone</font></a></font></font></font></div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<!-- #EndTemplate --></html>
</body>
</html>
Page 1 of 1
Problems With A Page
Back to top
#2
- Member
-
- Group: Members
- Posts: 36
- Joined: 18-August 05
Posted 26 March 2007 - 06:40 PM
Nevermind, i've got it figured out!
#3
- Hail Groovicus!
-
- Group: Moderator
- Posts: 9,606
- Joined: 05-June 04
- Gender:Male
- Location:Centerville, SD
Posted 26 March 2007 - 08:13 PM
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.
"Take the risk of thinking for yourself, much more happiness, truth, beauty, and wisdom will come to you that way" - Christopher Hitchens
Share this topic:
Page 1 of 1