Can someone Help me out with a table issue

toni-kidsdirect · January 2nd, 2003, 12:11 AM

Would someone be willing to take a closer look at my table alignment issue again on this full page here: http://kidsdirect.net/tp/ and render some help to me?

It seems am a still having problems with some tables and alignments....

Anyhelp would be greatly appreciated!

Click here to see what I would like to look like in the tables:

http://kidsdirect.net/tp/this-is-wh...trying-2-do.gif

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

Code:

<html> 

<head> 
<meta http-equiv="Content-Language" content="en-us"> 

<title>New Page 1</title> 
</head> 

<body> 

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="89%" id="AutoNumber1" height="58"> 
<tr> 
<td width="6%" height="108"> 
<img border="0" src="images/dc-1.jpg" width="56" height="108"></td> 
<td width="6%" height="108"> 
<img border="0" src="images/dc-5.jpg" width="153" height="108"></td> 
<td width="60%" height="108" colspan="9"> 
<img border="0" src="images/dc-6-top.jpg" width="449" height="108"></td> 
</tr> 
<tr> 
<td width="6%" height="1"></td> 
<td width="6%" height="1"></td> 
<td width="8%" height="1"></td> 
<td width="5%" height="1"></td> 
<td width="6%" height="1"></td> 
<td width="6%" height="1"></td> 
<td width="6%" height="1"></td> 
<td width="6%" height="1"></td> 
<td width="6%" height="1"></td> 
<td width="6%" height="1"></td> 
<td width="6%" height="1"></td> 
<td width="23%" height="1"></td> 
<td width="7%" height="1"></td> 
<td width="7%" height="1"></td> 
</tr> 
<tr> 
<td width="6%" height="1"><img border="0" src="images/dc-3.jpg" width="56" height="16"></td> 
<td width="6%" height="1"><img border="0" src="images/sim-center1.jpg" width="153" height="16"></td> 
<td width="38%" height="2" colspan="8" rowspan="2"> 
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="459" id="AutoNumber2" height="1"> 
<tr> 
<td width="59" valign="top"> </td> <td width="56" valign="top"> <p align="center"> 
<img border="0" src="images/events-sml-off.jpg" width="57" height="16"></td> 
<td width="69" valign="top"> 
<img border="0" src="images/contact_us-sml-off.jpg" width="69" height="16"></td> 
<td width="62" valign="top"> 
<img border="0" src="images/support-sml-off.jpg" width="61" height="16"></td> 
<td width="44" valign="top"> 
<img border="0" src="images/links-sml-off.jpg" width="45" height="16"></td> 
<td width="55" valign="top"> 
<img border="0" src="images/search-sml-off.jpg" width="56" height="16"></td> 
<td width="52" rowspan="2" valign="top" height="1"> 
<img border="0" src="images/forums-sml-off.jpg" width="52" height="32"></td> 
<td width="53" rowspan="2" valign="top" height="1"> 
<img border="0" src="images/extension_forum_button.jpg" width="50" height="32"></td> 
</tr> 
<tr> 
<td width="59" valign="top" height="17"></td> 
<td width="290" colspan="5" valign="top" height="17"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" id="AutoNumber3" width="286"> <tr> <td width="96" valign="top"> 
<img border="0" src="images/downloads-sml-off.jpg" width="97" height="17"></td> <td width="112" valign="top"> 
<p align="center"> <img border="0" src="images/customers-sml-off.jpg" width="112" height="17"></td> <td width="78" valign="top"> <p align="center"> 
<img border="0" src="images/samples-sml-off.jpg" align="right" width="78" height="17"></td> </tr> </table> </td> 
</tr> 
</table> 
</td> 
</tr> 
<tr> 
<td width="6%" height="1"><img border="0" src="images/dc-3a1.jpg" width="56" height="17"></td> 
<td width="6%" height="1"><img border="0" src="images/sim-center2.jpg" width="153" height="17"></td> 
</tr> 
<tr> 
<td width="6%" height="1"><img border="0" src="images/dc-3a.jpg" width="56" height="33"></td> 
<td width="6%" height="1"><img border="0" src="images/fire_studio-off.jpg" width="153" height="33"></td> 
<td width="8%" height="1"></td> 
<td width="5%" height="1"></td> 
<td width="6%" height="1"></td> 
<td width="6%" height="1"></td> 
<td width="6%" height="1"></td> 
<td width="6%" height="1"></td> 
<td width="6%" height="1"></td> 
<td width="6%" height="1"></td> 
</tr> 
<tr> 
<td width="6%" height="25"><img border="0" src="images/dc-3b.jpg" width="56" height="25"></td> 
<td width="6%" height="25"><img border="0" src="images/dvd-off.jpg" width="153" height="25"></td> 
<td width="8%" height="25"></td> 
<td width="5%" height="25"></td> 
<td width="6%" height="25"></td> 
<td width="6%" height="25"></td> 
<td width="6%" height="25"></td> 
<td width="6%" height="25"></td> 
<td width="6%" height="25"></td> 
<td width="6%" height="25"></td> 
</tr> 
<tr> 
<td width="6%" height="24"><img border="0" src="images/dc-3c.jpg" width="56" height="24"></td> 
<td width="6%" height="24"><img border="0" src="images/pricing-off.jpg" width="153" height="24"></td> 
<td width="8%" height="24"> </td> 
<td width="5%" height="24"> </td> 
<td width="6%" height="24"> </td> 
<td width="6%" height="24"> </td> 
<td width="6%" height="24"> </td> 
<td width="6%" height="24"> </td> 
<td width="6%" height="24"> </td> 
<td width="6%" height="24"> </td> 
</tr> 
<tr> 
<td width="6%" height="32"><img border="0" src="images/dc-3d.jpg" width="56" height="32"></td> 
<td width="6%" height="32"> 
<img border="0" src="images/free_dls-off.jpg" width="153" height="32"></td> 
<td width="8%" height="32"> 
</td> 
<td width="5%" height="32"> 
</td> 
<td width="36%" height="32" colspan="6"> 
<a href="http://kidsdirect.net/tp/this-is-what-I-am-trying-2-do.gif">Click 
here to see what I'm am trying to do</a></td> 
</tr> 
<tr> 
<td width="6%" height="24"><img border="0" src="images/dc-3e.jpg" width="56" height="24"></td> 
<td width="6%" height="24"> 
<img border="0" src="images/inset_line.jpg" width="153" height="24"></td> 
<td width="8%" height="24"> 
</td> 
<td width="5%" height="24"> 
</td> 
<td width="6%" height="24"> 
</td> 
<td width="6%" height="24"> 
</td> 
<td width="6%" height="24"> 
</td> 
<td width="6%" height="24"> 
</td> 
<td width="6%" height="24"> 
</td> 
<td width="6%" height="24"> 
</td> 
</tr> 
<tr> 
<td width="6%" height="36"><img border="0" src="images/dc-3f.jpg" width="56" height="36"></td> 
<td width="6%" height="36"> 
<img border="0" src="images/equipment_reqs-off.jpg" width="153" height="36"></td> 
<td width="8%" height="36"> </td> 
<td width="5%" height="36"> </td> 
<td width="6%" height="36"> </td> 
<td width="6%" height="36"> </td> 
<td width="6%" height="36"> </td> 
<td width="6%" height="36"> </td> 
<td width="6%" height="36"> </td> 
<td width="6%" height="36"> </td> 
</tr> 
<tr> 
<td width="6%" height="37"><img border="0" src="images/dc-3g.jpg" width="56" height="37"></td> 
<td width="6%" height="37"> 
<img border="0" src="images/customer_service-off.jpg" width="153" height="37"></td> 
<td width="8%" height="37"></td> 
<td width="5%" height="37"></td> 
<td width="6%" height="37"></td> 
<td width="6%" height="37"></td> 
<td width="6%" height="37"></td> 
<td width="6%" height="37"></td> 
<td width="6%" height="37"></td> 
<td width="6%" height="37"></td> 
</tr> 
<tr> 
<td width="6%" height="22"><img border="0" src="images/dc-3h.jpg" width="56" height="22"></td> 
<td width="6%" height="22"><img border="0" src="images/contact_us-off.jpg" width="153" height="22"></td> 
<td width="8%" height="22"> </td> 
<td width="5%" height="22"> </td> 
<td width="6%" height="22"> </td> 
<td width="6%" height="22"> </td> 
<td width="6%" height="22"> </td> 
<td width="6%" height="22"> </td> 
<td width="6%" height="22"> </td> 
<td width="6%" height="22"> </td> 
</tr> 
<tr> 
<td width="6%" height="35"><img border="0" src="images/dc-3i.jpg" width="56" height="34"></td> 
<td width="6%" height="35"><img border="0" src="images/dc-4a.jpg" width="153" height="34"></td> 
<td width="8%" height="35"> </td> 
<td width="5%" height="35"> </td> 
<td width="6%" height="35"> </td> 
<td width="6%" height="35"> </td> 
<td width="6%" height="35"> </td> 
<td width="6%" height="35"> </td> 
<td width="6%" height="35"> </td> 
<td width="6%" height="35"> </td> 
</tr> 
</table> 

</body> 

</html>

hugs!

Toni

crouse · January 2nd, 2003, 03:08 AM

Well without having all your different images I didn't test the code you provided. I did notice one thing that might help:

Code:

<td width="6%" height="1"></td> 
<td width="6%" height="1"></td> 

Where your have a table data cell like above... you need something in it in order to preserve the space....... like this....

<td width="6%" height="1">& nbsp;</td> 
<td width="6%" height="1">& nbsp;</td>

Not positive this will help....... but it might.

crouse · January 2nd, 2003, 03:11 AM

The & sign of course does not need a space after it. in your code. It was just leaving a space when I tried posting it without.... and you couldn't see the code.