Skip navigation
hagerb5
Currently Being Moderated

Gaps and spaces between slices in Dreamweaver

Jul 17, 2010 11:50 AM

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>

 
Replies

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points