Skip to main content
B
bravesc55326079
Participant
March 21, 2018
Answered

Seeing slice line gaps in Chrome and Opera Browser

  • March 21, 2018
  • 4 replies
  • 3350 views

Can someone please help me with this? Web slice lines are showing through on my web page in Chrome and Opera, but not in Explorer. TESTIMONIALS

I created my website in Photoshop and brought it into Dreamweaver. I have a very limited understanding of coding and DW. Trying to update my website but I keep seeing all these slice line gaps. Any help would be greatly appreciated. Thanks

<html>

<head>

<title>TESTIMONIALS</title>

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

<style type="text/css">

body {

background-color: #d1caae;

}

a img {

border-top-style: none;

border-right-style: none;

border-bottom-style: none;

border-left-style: none;

}

</style>

</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

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

<table id="Table_01" width="1026" height="1297" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td colspan="7">

<img src="images/testimonials_01.jpg" width="1025" height="85" alt="TESTIMONIALS"></td>

<td>

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

</tr>

<tr>

<td colspan="3">

<img src="images/testimonials_02.jpg" width="488" height="183" alt="Celia Braves indexed two of my books. She did a superb job, and I recommend her without the slightest hesitation. She consulted me on specialized terms, followed press guidelines to a T, and exhaustively catalogued themes and names. All of this in an extremely timely fashion. Eric Jennings, Professor of History, University of Toronto"></td>

    This topic has been closed for replies.
    Correct answer Jon Fritz
    If you can work at all with Photoshop and illustrator, Muse will be a snap to pick up.
    4 replies
    WolfShade
    WolfShade
    Legend
    March 23, 2018
    Preran​, I get it that it's important for answers to be marked correct, but I wish you would unmark my answer as the correct one because I don't think that it's the correct answer.
    V/r,

    ^ _ ^
    Preran
    Community Manager
    PreranCommunity Manager
    Community Manager
    March 23, 2018
    Done. I leave it to the moderators here to make that decision.
    WolfShade
    WolfShade
    Legend
    March 23, 2018
    Thank you, sir.
    V/r,
    ^ _ ^
    WolfShade
    WolfShade
    Legend
    March 21, 2018
    I noticed that the HTML code you supplied has spacer gifs 1 px wide between content.  You might get the spaces to disappear if you remove all the spacer gifs.
    Meanwhile, everything that everyone else has mentioned up to this point is quite valid.  You should not be using Photoshop (or Fireworks, for that matter) to create sliced HTML.  The modern way of using DIVs and CSS instead of tables should be used, if for no reason other than tables are parsed twice; once for structure and then a second time for content.  (Or, is it the other way around?)
    V/r,
    ^ _ ^
    B
    bravesc55326079Author
    Participant
    March 23, 2018
    Hello WolfShade,
    Thank you for your suggestion. Unfortunately removing the spacer gifs didn't make a difference but it was a good idea. 
    I understand everyone's comments  - yes, I know it's 2018(!) - and do I realize that I will need to rebuild my website with modern methods. A friend helped me get it online went it was built in 2012, and I spent a heck of a lot time creating the graphics. I hope they can be retained in Muse. The web slice method is actually a form of torture and I can't bear doing it any longer, anyway. Just hope Muse is easy to learn. Thanks, Celia
    Jon Fritz
    Community Expert
    Jon FritzCommunity ExpertCorrect answer
    Community Expert
    March 23, 2018
    If you can work at all with Photoshop and illustrator, Muse will be a snap to pick up.
    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    March 21, 2018
    This is 2018 and you're trying with failure to use a 1990's approach to web design.  It won't work.  
    • We don't slice images anymore.
    • We don't use tables for layouts anymore.
    • We don't use fixed width pages anymore.
    Photoshop is great for creating images only.    Do not let it generate HTML code for you.   If you dion't have coding skills, DW is not the right tool.  Use Muse to create web pages.
    Nancy
    Nancy O'Shea— Product User & Community Expert
    rayek.elfin
    rayek.elfin
    Legend
    March 21, 2018
    Two issues at work here. First, your method to create web pages is very, very outdated - slicing in Photoshop creates a table with exactly aligned and pixel-precise scaled images. Nowadays this method is no longer valid for a simple reason: browsers adjust to a relative size (zoom factor). And this old-fashioned method causes odd numbered zoomed-in browser screens to fail, because the sliced images no longer exactly align.
    Hence, the seams.
    The solution is to leave the old slicing method behind, and create your website with more modern coding techniques.
    rayek.elfin
    rayek.elfin
    Legend
    March 21, 2018
    You have a CC sub? In that case, Muse would be a solution for you. No coding required.
    B
    bravesc55326079Author
    Participant
    March 21, 2018
    Hi Rayek Elfin, I appreciate your feedback. I know I am using an outdated method. A "friend" built my website and it's been a pain to update ever since. I was hoping for a quick solution to remove the visible slice seams while I learn another modern web-building method. Can you please explain "CC sub?" Thanks.
    
        
                                                
    
        
    
    
    

            
    
                                        
    
            
                        
    
                                                                                                            
            
    

    

        
    
                    
    
    
    
    

    

    
    
    

                                        
    
                                                        
    
            
        
    
    

    

    

                                    
    Terms & ConditionsAccessibility statement
    
            
        

    

        
            
    
        
    
        



        
        
            


        
    

        
        
        
        
                                                        

                            
    
    
                    
    
  
    
    
    
      
        
      
    
    
    
    
      
        Using the community
      
      
        Terms of use
      
      
        Privacy
      
      
        Cookie preferences
      
      
        Do not sell or share my personal information
      
      
        ad choicesAdChoices