...

View Full Version : Issue with Spacer.gif



drm
08-04-2010, 10:01 AM
Hi all, I've been stuck at this for hours trying different numbers for the pixel width but to no avail I haven't been successful.

What I'm trying to accomplish is fixing the spacing between the links on this page

http://www.myspace.com/dremoratestsite

I've never been one to code, but I've managed to get this far.
It seems the problem lies within the width of the spacer.gif's

Any suggestions? All help appreciated, and thank you in advance.

Here is the Code

[CODE]
<div class="contact">


<table id="Table_01" width="900" border="0" cellpadding="0" cellspacing="0">
<tr>

<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZVYzJmZyaWVuZElE PTUyODYwNjkwNQ==">
<img src="http://i908.photobucket.com/albums/ac289/thetideswebringhost/ttwbmsg.jpg" width="157" height="58" border="0" alt="" /></a></td>

<td colspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD01Mjg2MDY5MDU=">
<img src="http://i908.photobucket.com/albums/ac289/thetideswebringhost/ttwbadd.jpg" width="165" height="58" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTUyODYwNjkwNQ==">

<img src="http://i908.photobucket.com/albums/ac289/thetideswebringhost/ttwbcmnt.jpg" width="176" height="58" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://www.myspace.com/thetideswebring/photos">
<img src="http://i908.photobucket.com/albums/ac289/thetideswebringhost/ttwbpics.jpg" width="189" height="58" border="0" alt="" /></a></td>

<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuY29tcG9zZVYzJnM9UGxlYXNl K3Rha2UrYStsb29rK2F0K215K2ZyaWVuZCUyN3MrcHJvZmlsZSZiPUhlcmUlMjdzK2ErbGluayt0bytpdCUzYSUzY2JyKyUyZiUz ZSUzY2EraHJlZiUzZCUyMmh0dHAlM2ElMmYlMmZ3d3cubXlzcGFjZS5jb20lMmZ0aGV0aWRlc3dlYnJpbmclMjIlM2VodHRwJTNh JTJmJTJmd3d3Lm15c3BhY2UuY29tJTJmdGhldGlkZXN3ZWJyaW5nJTNjJTJmYSUzZQ==">
<img src="http://i908.photobucket.com/albums/ac289/thetideswebringhost/ttwbfwrd.jpg" width="94" height="58" border="0" alt="" /></a></td>
<td colspan="2">

<a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZWVkaXQubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5hZGRUb0Zhdm9yaXRlJmZy aWVuZElEPTUyODYwNjkwNSZwdWJsaWM9MA==">
<img src="http://i908.photobucket.com/albums/ac289/thetideswebringhost/ttwbfav.jpg" width="119" height="58" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="13">

<img src="http://i908.photobucket.com/albums/ac289/thetideswebringhost/ttwbcntctbl.jpg" width="900" height="17" alt="" /></td>
</tr>
<tr>

<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lml0dW5lcy5jb20=">
<img src="http://i908.photobucket.com/albums/ac289/thetideswebringhost/ttwbitunes.gif" width="131" height="32" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9wYWdlcy9UaGUtVGlkZXMtV2UtQnJpbmcvMTEyMTgyMDE4ODA3NzAyP3Y9YXBwXzE3 ODA5MTEyNzM4NSZyZWY9dHMhL3BhZ2VzL1RoZS1UaWRlcy1XZS1CcmluZy8xMTIxODIwMTg4MDc3MDI/dj13YWxsJnJlZj10cw==">
<img src="http://i908.photobucket.com/albums/ac289/thetideswebringhost/ttwbfb.gif" width="110" height="32" border="0" alt="" /></a></td>

<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnR3aXR0ZXIuY29tL3RoZXRpZGVzd2VicmluZw==">

<img src="http://i908.photobucket.com/albums/ac289/thetideswebringhost/ttwbtwitter.gif" width="101" height="32" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3RoZXRpZGVzd2VicmluZw==">
<img src="http://i908.photobucket.com/albums/ac289/thetideswebringhost/ttwbyoutube.gif" width="97" height="32" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZsaWNrci5jb20vdGhldGlkZXN3ZWJyaW5n">
<img src="http://i908.photobucket.com/albums/ac289/thetideswebringhost/ttwbflickr.gif" width="96" height="32" border="0" alt="" /></a></td>

<td colspan="2">

<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnB1cmV2b2x1bWUuY29tL3RoZXRpZGVzd2VicmluZw==">
<img src="http://i908.photobucket.com/albums/ac289/thetideswebringhost/ttwbpv.gif" width="131" height="32" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmJ1enpuZXQuY29tL3RoZXRpZGVzd2VicmluZw==">
<img src="http://i908.photobucket.com/albums/ac289/thetideswebringhost/ttwbbuzz.gif" width="101" height="32" border="0" alt="" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnR1bWJsci5jb20vdGhldGlkZXN3ZWJyaW5n">
<img src="http://i908.photobucket.com/albums/ac289/thetideswebringhost/ttwbtumblr.gif" width="133" height="32" border="0" alt="" /></a></td>

</tr>
<tr>
<td>
<img src="http://client.collapsestudios.com/spinlightcity/layout/spacer.gif" width="20" height="1" alt="" /></td>
<td>
<img src="http://client.collapsestudios.com/spinlightcity/layout/spacer.gif" width="0" height="1" alt="" /></td>
<td>
<img src="http://client.collapsestudios.com/spinlightcity/layout/spacer.gif" width="38" height="1" alt="" /></td>
<td>

<img src="http://client.collapsestudios.com/spinlightcity/layout/spacer.gif" width="109" height="1" alt="" /></td>
<td>
<img src="http://client.collapsestudios.com/spinlightcity/layout/spacer.gif" width="18" height="1" alt="" /></td>
<td>
<img src="http://client.collapsestudios.com/spinlightcity/layout/spacer.gif" width="0" height="1" alt="" /></td>
<td>
<img src="http://client.collapsestudios.com/spinlightcity/layout/spacer.gif" width="0" height="1" alt="" /></td>
<td>

<img src="http://client.collapsestudios.com/spinlightcity/layout/spacer.gif" width="0" height="1" alt="" /></td>

<td>
<img src="http://client.collapsestudios.com/spinlightcity/layout/spacer.gif" width="0" height="1" alt="" /></td>
<td>
<img src="http://client.collapsestudios.com/spinlightcity/layout/spacer.gif" width="16" height="1" alt="" /></td>
<td>
<img src="http://client.collapsestudios.com/spinlightcity/layout/spacer.gif" width="78" height="1" alt="" /></td>
<td>

<img src="http://client.collapsestudios.com/spinlightcity/layout/spacer.gif" width="50" height="1" alt="" /></td>
<td>

<img src="http://client.collapsestudios.com/spinlightcity/layout/spacer.gif" width="69" height="1" alt="" /></td>
</tr>

</table>




</div>
[ICODE]

abduraooft
08-05-2010, 08:38 AM
Any suggestions? Yes, you shouldn't use tables for making your layouts (http://www.hotdesign.com/seybold/). They are for presenting tabular data.

djh101
08-05-2010, 08:44 AM
Get rid of the tables. Once the tables are gone you can use CSS and give your elements some nice margins rather than having to use a spacer image.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum