2 Replies Latest reply: Jul 17, 2010 12:20 PM by Nancy O. RSS

    Gaps and spaces between slices in Dreamweaver

    hagerb5

      I'm running OS X 10.5.8 on a MacBook Pro, using Photoshop I created my webpage ( with the predefined html specs) and sliced up the areas I wanted to make links. Once I stated to make links it showed gaps and spaces between the slices. After I uploaded my site the page is fine in Safari and Chrome, but when firefox is used the spaces show up again. What should I do?

       

      Here is my code:

       

      <html>

      <head>

      <title>Brad Hager's Book</title>

      <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

      <style type="text/css">

      <!--

      @import url("/site_layout.css");

      a:link {

      text-decoration: none;

      }

      a:visited {

      text-decoration: none;

      }

      a:hover {

      text-decoration: none;

      }

      a:active {

      text-decoration: none;

      }

      -->

      </style>

      </head>

      <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

      <!-- Save for Web Slices (mybookonline.psd) -->

      <table width="1025" height="769" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">

        <tr>

          <td colspan="5"><img src="images/mybookonline_01.jpg" width="1024" height="20" alt=""></td>

          <td><img src="images/spacer.gif" width="1" height="20" alt=""></td>

        </tr>

        <tr>

          <td rowspan="6"><img src="images/mybookonline_02.jpg" width="3" height="748" alt=""></td>

          <td><a href="/jpegs/Brad Hager's Portfolio /index.html"><img src="images/advertisingportfolio.jpg" width="201" height="16" alt=""></a></td>

          <td colspan="3"><img src="images/mybookonline_04.jpg" width="820" height="16" alt=""></td>

          <td><img src="images/spacer.gif" width="1" height="16" alt=""></td>

        </tr>

        <tr>

          <td colspan="3"><a href="/stamp_resume.html"><img src="images/resume.jpg" width="216" height="15" alt=""></a></td>

          <td rowspan="5"><img src="images/mybookonline_06.jpg" width="805" height="732" alt=""></td>

          <td><img src="images/spacer.gif" width="1" height="15" alt=""></td>

        </tr>

        <tr>

          <td colspan="2" rowspan="2"><a href="/video.html"><img src="images/creations.jpg" width="203" height="15" alt=""></a></td>

          <td><img src="images/resume-09.jpg" width="13" height="2" alt=""></td>

          <td><img src="images/spacer.gif" width="1" height="2" alt=""></td>

        </tr>

        <tr>

          <td rowspan="3"><img src="images/mybookonline_09.jpg" width="13" height="715" alt=""></td>

          <td><img src="images/spacer.gif" width="1" height="13" alt=""></td>

        </tr>

        <tr>

          <td colspan="2"><a href="/creations.html"><img src="images/email.jpg" width="203" height="17" alt=""></a></td>

          <td><img src="images/spacer.gif" width="1" height="17" alt=""></td>

        </tr>

        <tr>

          <td colspan="2"><img src="images/mybookonline_11.jpg" width="203" height="685" alt=""></td>

          <td><img src="images/spacer.gif" width="1" height="685" alt=""></td>

        </tr>

        <tr>

          <td><img src="images/spacer.gif" width="3" height="1" alt=""></td>

          <td><img src="images/spacer.gif" width="201" height="1" alt=""></td>

          <td><img src="images/spacer.gif" width="2" height="1" alt=""></td>

          <td><img src="images/spacer.gif" width="13" height="1" alt=""></td>

          <td><img src="images/spacer.gif" width="805" height="1" alt=""></td>

          <td></td>

        </tr>

      </table>

      <!-- End Save for Web Slices -->

      <script type="text/javascript">

      var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");

      document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

      </script>

      <script type="text/javascript">

      try{

      var pageTracker = _gat._getTracker("UA-xxxxxx-x");

      pageTracker._trackPageview();

      } catch(err) {}</script>

      </body>

      <script type="text/javascript">

       

        var _gaq = _gaq || [];

        _gaq.push(['_setAccount', 'UA-10172368-3']);

        _gaq.push(['_trackPageview']);

       

        (function() {

          var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

          ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

          var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

        })();

       

      </script>

      </html>