12 {{ upvoteCount | shortNum }}
12 {{ upvoteCount | shortNum }}

Help! Gaps in slices

by Richest
9 replies
  • WEB DESIGN
    • |
Guys,

I used photoshop slices to make clickable menu, then I edited it using HTML editor. But after upload it to hosting, I got gaps in every slices. I already checked cellpadding it's already 0.

What else can I do to solve the problem? I'm not expert in HTML so I need an advice whether I did something wrong.

Here is the code for your reference.

Thanks in advance

<html>
<head>
<title>Journal</title>
<style>
a.navwhite:link { text-decoration: none; color: #ffffff; font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; }
a.navwhite:visited { text-decoration: none; color: #ffffff; font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; }
a.navwhite:hover { text-decoration: underline; color: #ffffff; font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; }
a.navblack:link { text-decoration: none; color: #000000; font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; }
a.navblack:visited { text-decoration: none; color: #000000; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
a.navblack:hover { text-decoration: underline; color: #000000; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><!-- ImageReady Slices (Journal.psd) -->
<center>
Lima matahari dan bintang menemani
<table width="1024" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img alt="" src="images/Journal_01.jpg" width="324" height="135"></td>
<td>
<img alt="" src="images/Journal_02.jpg" width="507" height="135"></td>
<td>
<img alt="" src="images/Journal_03.jpg" width="193" height="135"></td>
</tr>
<tr>
<td rowspan="7">
<img alt="" src="images/Journal_04.jpg" width="324" height="287"></td>
<td rowspan="7">
<img alt="" src="images/Journal_05.jpg" width="507" height="287"></td>
<td>
<img alt="" src="images/Journal_06.jpg" width="193" height="12"></td>
</tr>
<tr>
<td><a href="index.html">
<img alt="" src="images/Journal_07.jpg" width="193" height="41"></a></td>
</tr>
<tr>
<td><a href="About.html">
<img alt="" src="images/Journal_08.jpg" width="193" height="49"></a></td>
</tr>
<tr>
<td><a href="Journal.html">
<img alt="" src="images/Journal_09.jpg" width="193" height="45"></a></td>
</tr>
<tr>
<td><a href="Gallery.html">
<img alt="" src="images/Journal_10.jpg" width="193" height="41"></a></td>
</tr>
<tr>
<td><a href="Contact.html">
<img alt="" src="images/Journal_11.jpg" width="193" height="46"></a></td>
</tr>
<tr>
<td><a href="Links.html">
<img alt="" src="images/Journal_12.jpg" width="193" height="53"></a></td>
</tr>
<tr>
<td>
<img alt="" src="images/Journal_13.jpg" width="324" height="62"></td>
<td colspan="2">
<img alt="" src="images/Journal_14.jpg" width="700" height="62"></td>
</tr>
<tr>
<td colspan="3">
<p>
<table border="0" cellspacing="0" cellpadding="3" width="100%" align="center"
height=50><font color="#ffffff">
<tr>
<td><font color="#ffffff" size="3"><strong><a class="navwhite"
href="kabut.htm">Kabut itu masih ada</a></strong></font></td></tr>
<tr>
<td><strong><font color="#ffffff" size="2" face="Verdana"><a
class=navwhite href="Matahari.htm">Lima matahari dan bintang
menemani</a>
</font></strong></td></tr>
<tr>
<td><strong><font color="#ffffff" size="2"
face=Verdana><a
class=navwhite href="Sendiri.htm">Sendiri</a></font></strong></td></tr>
<tr>
<td><font color="#ffffff"><font
face=Verdana
size=2><strong><a class="navwhite"
href="ketakutan.htm">Ketakutanku</a></strong></font></font></td></tr></table></font><font color="#ffffff"></font><font color="#ffffff"></font><font color="#ffffff"></font></p>
<p><font color="#ffffff"><a
class=navwhite href="Sendiri.htm"><font size="2"><br>
<br><br>
<br></font></a><br></font>&nbsp;</p></td>
</tr>
</table><!-- End ImageReady Slices -->
</center>
</body>
</html>
#gaps #slices
  • Profile picture of the author rnsinformatic
    same Issue with me also.
    This code works fine on local. But when we upload it on server, gap squashed the whole design.
    Please help.
    {{ DiscussionBoard.errors[4002360].message }}
  • Profile picture of the author 4under
    Is this online somewhere to look at? Send a URL so I can see what the pages is supposed to look like. After that, I'm sure I can help.

    At first glance of the HTML though, it looks as if something went wrong with the slicing. But can't be sure till I see the images on the page.
    Signature
    Best Affiliate Training And Tools
    {{ DiscussionBoard.errors[4006581].message }}
    • Profile picture of the author Richest
      Originally Posted by 4under View Post

      Is this online somewhere to look at? Send a URL so I can see what the pages is supposed to look like. After that, I'm sure I can help.

      At first glance of the HTML though, it looks as if something went wrong with the slicing. But can't be sure till I see the images on the page.
      Yes, please. The site is Journal

      I didn't experience slide gaps when I access it. But many people told me that the picture have gaps. Is it browser problem?
      Signature
      Jasa Paspor Jakarta
      {{ DiscussionBoard.errors[4016914].message }}
  • Profile picture of the author Stephen Lessey
    I would also make sure that you have Snap or snap to grid lines checked when you are slicing in Photoshop. That is usually the case for me when I make squeeze pages
    {{ DiscussionBoard.errors[4014908].message }}
    • Profile picture of the author Richest
      Already did that but no change
      Originally Posted by Stephen Lessey View Post

      I would also make sure that you have Snap or snap to grid lines checked when you are slicing in Photoshop. That is usually the case for me when I make squeeze pages
      Signature
      Jasa Paspor Jakarta
      {{ DiscussionBoard.errors[4016969].message }}
  • Profile picture of the author Harry Spencer
    Do you mean the main menu on the right?

    I'm not getting any gaps on my browsers or iPhone.

    Looks great. Harry
    Signature

    Follow me on Twitter and My Blog
    200 FREE Sources of Stock Photos, Images, Backgrounds and Textures Free PDF no opt-in
    Download My Training Call With Lee McIntyre Over 70 Minutes Of Juicy Internet Marketing Content FREE

    {{ DiscussionBoard.errors[4018379].message }}

Trending Topics