PDA

View Full Version : table issue


mementomike
08-16-2009, 07:32 PM
Hi am a relative noob when it comes to dreamweaver so looking for a bit of help.

Have made a table in dreamweaver with like 6 rows and all rows have text in them but the last row of text does not sit uniform like the other rows when I view them online?

here is my code

<table width="950" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="3" colspan="18" valign="top" bgcolor="#F3F7FE" class="footerstyle"><img src="../EROL Stores/2009.7.21/6.0102.Business/b3306b2/images/trans.gif" width="1" height="1" /></td>
</tr>
<tr>
<td height="3" colspan="18" valign="top" bgcolor="#E8EEFD" class="footerstyle"><img src="../EROL Stores/2009.7.21/6.0102.Business/b3306b2/images/trans.gif" width="1" height="1" /></td>
</tr>
<tr>
<td height="3" colspan="18" valign="top" bgcolor="#F3F7FE" class="footerstyle"><img src="../EROL Stores/2009.7.21/6.0102.Business/b3306b2/images/trans.gif" width="1" height="1" /></td>
</tr>
<tr>
<td width="8" height="30" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td colspan="3" align="left" valign="middle" bgcolor="#FFFFFF" class="footerstyle"><strong>Pond Equipment</strong></td>
<td width="8" valign="middle" bgcolor="#FFFFFF">&nbsp;</td>
<td width="8" valign="middle" bgcolor="#FFFFFF">&nbsp;</td>
<td colspan="7" align="left" valign="middle" bgcolor="#FFFFFF" class="footerstyle"><strong>Aquarium Equipment</strong></td>
<td width="8" valign="middle" bgcolor="#FFFFFF">&nbsp;</td>
<td width="8" valign="middle" bgcolor="#FFFFFF">&nbsp;</td>
<td width="115" align="left" valign="middle" bgcolor="#FFFFFF" class="footerstyle"><strong>Information</strong></td>
<td width="20" bgcolor="#FFFFFF">&nbsp;</td>
<td width="159" rowspan="3" align="center" valign="middle" class="footerstyle"><strong>All Pond Solutions <img src="../EROL Stores/2009.7.21/6.0102.Business/b3306b2/images/lo.gif" width="63" height="38" /></strong></td>
</tr>
<tr>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td width="99" align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Pond Pumps</td>
<td width="7" align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td width="95" align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Pond Lights</td>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td width="99" align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Aquarium Filters</td>
<td width="7" align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td width="101" align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Air Pumps</td>
<td width="7" align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td width="99" align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Aquarium Tanks</td>
<td width="7" align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td width="95" align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Aquarium Lighting</td>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">About Us</td>
<td valign="top" bgcolor="#FFFFFF">&nbsp;</td>
</tr>
<tr>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Pond Skimmers</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Air Pumps</td>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">External Filters</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Aquarium Pumps</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Column Tanks</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">T5 Lighting</td>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Contact Us</td>
<td valign="top" bgcolor="#FFFFFF">&nbsp;</td>
</tr>
<tr>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Koi Pond Filters</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Fish Nets</td>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Internal Filters</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Marine Coolers</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Wall Tanks</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">T5 Bulbs</td>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Terms/ Conditions</td>
<td valign="top" bgcolor="#FFFFFF">&nbsp;</td>
<td width="159" align="center" valign="top" bgcolor="#FFFFFF" class="footerstyle">0208 797 1639</td>
</tr>
<tr>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">UV Sterilizers</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Filter Media</td>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Hang On Filters</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Wavemakers</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Heaters</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Halide Lighting</td>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Privacy Policy</td>
<td valign="top" bgcolor="#FFFFFF">&nbsp;</td>
<td width="159" align="center" valign="top" bgcolor="#FFFFFF" class="footerstyle">info@allpondsolutions.co.uk</td>
</tr>
<tr>
<td height="19" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">UV Bulbs</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Accessories</td>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">UV Sterilizers</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Filter Media</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Accessories</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Halide Bulbs</td>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Sitemap</td>
<td valign="top" bgcolor="#FFFFFF">&nbsp;</td>
<td width="159" align="center" valign="top" bgcolor="#FFFFFF" class="footerstyle">Newsletter Signup</td>
</tr>
<tr>
<td height="19" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Powerheads</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
<td align="left" valign="top" bgcolor="#FFFFFF" class="footerstyle">Links</td>
<td valign="top" bgcolor="#FFFFFF">&nbsp;</td>
<td align="center" valign="top" bgcolor="#FFFFFF" class="footerstyle">&nbsp;</td>
</tr>
<tr>
<td height="13" colspan="18" align="center" valign="middle" bgcolor="#EAEFFD" class="footerstyle"><img src="../EROL Stores/2009.7.21/6.0102.Business/b3306b2/images/trans.gif" width="1" height="1" /></td>
</tr>
<tr>
<td height="13" colspan="18" align="center" valign="middle" bgcolor="#EAEFFD" class="footerstyle">&nbsp;</td>
</tr>
<tr>
<td height="33" colspan="18" align="center" valign="middle" bgcolor="#CDE862" class="footerstyle"><a href="home-1-0.html" title="Home">Home</a> | <a href="about-us-361-0.html" title="About us">About Us</a> | <a href="contact-us-344-0.html" title="Contact us">Contact Us</a> | <a href="terms-conditions-412-0.html" title="Terms">Terms &amp; Conditions</a> | <a href="privacy-policy-905-0.html" title="Privacy Policy">Privacy Policy</a>&nbsp;</td>
</tr>
</table>

the bottom row with powerheads and links in it is the row giving me hassle..

thanks for any help in advance

Mike

Corrosive
08-17-2009, 07:13 AM
Your bottom row has the styles to align middle and centre whereas the others look like they are left and top. That might be doing it. You also seem to be using your table for layout. Not a good idea ;)

mementomike
08-18-2009, 02:30 PM
Thanks for the reply,
I dont have much experience with this type of thing, how do you suggest I achieve the same type of thing and do you know of a good site I can use of for refence on how to do it?

Best regards

Mike

Corrosive
08-18-2009, 03:46 PM
Thanks for the reply,
I dont have much experience with this type of thing, how do you suggest I achieve the same type of thing and do you know of a good site I can use of for refence on how to do it?

Best regards

Mike

You need to use div tags and CSS for layout. Try w3schools.com for starters.