Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    drm
    drm is offline
    New to the CF scene
    Join Date
    Aug 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Issue with Spacer.gif

    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]

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Any suggestions?
    Yes, you shouldn't use tables for making your layouts. They are for presenting tabular data.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Regular Coder djh101's Avatar
    Join Date
    May 2009
    Location
    California
    Posts
    616
    Thanks
    48
    Thanked 65 Times in 65 Posts
    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.
    "Yeah science!"
    Online Science Tools


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •