Highlighted

Seeing slice line gaps in Chrome and Opera Browser

New Here ,
Mar 20, 2018

Copy link to clipboard

Copied

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>


					
				
			
			
				
			
			
			
			
			
			
			
		
Adobe Community Professional
Correct answer by Jon Fritz II | Adobe Community Professional

If you can work at all with Photoshop and illustrator, Muse will be a snap to pick up.

Views

1.6K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Seeing slice line gaps in Chrome and Opera Browser

New Here ,
Mar 20, 2018

Copy link to clipboard

Copied

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>


					
				
			
			
				
			
			
			
			
			
			
			
		
Adobe Community Professional
Correct answer by Jon Fritz II | Adobe Community Professional

If you can work at all with Photoshop and illustrator, Muse will be a snap to pick up.

Views

1.6K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Mar 20, 2018 0
Guide ,
Mar 20, 2018

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 20, 2018 1
Guide ,
Mar 20, 2018

Copy link to clipboard

Copied

You have a CC sub? In that case, Muse would be a solution for you. No coding required.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 20, 2018 0
New Here ,
Mar 21, 2018

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 21, 2018 0
Adobe Employee ,
Mar 21, 2018

Copy link to clipboard

Copied

CC sub = Creative Cloud subscription. Rayek was trying to check if you are subscribed to Adobe Creative Cloud all apps in which case you have access to Adobe Muse. You can also purchase Adobe Muse through a single app license.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 21, 2018 0
Guide ,
Mar 21, 2018

Copy link to clipboard

Copied

A quick fix isn't possible because certain browsers average down, and others up when zooming in/out at odd numbers, or at least: it would be an option to convert the entire page to one background image, and then place absolutely positioned invisible div tags with links on them.

But that requires a bit of coding, and would really be like carrying water to the sea. In short, the time and effort spent on this wouldn't be worth it. A good website coder could rebuild the same site in far less time.

Because of the technical method that was used to build your site, all your text was converted to images, and that means your site is almost impossible to index properly by search engines. All the text is contained in ALT description image meta info, but this is not used by search engines to index the pages.

Which means that when I specifically search for "Editorial services Toronto + your name" your site doesn't even show up on the first results page. That is not good.

Nor is your site responsive, and it is quite mobile unfriendly - again because of the image-only slice method that was used to build it.

No, the best thing would be to re-do the code entirely. The entire reason why you are having a pig's time to update it and the source of all the other various issues are all caused by the underlying method to create it.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 21, 2018 2
Adobe Community Professional ,
Mar 21, 2018

Copy link to clipboard

Copied

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, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 21, 2018 1
LEGEND ,
Mar 21, 2018

Copy link to clipboard

Copied

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,

^ _ ^

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 21, 2018 1
New Here ,
Mar 23, 2018

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 23, 2018 0
Adobe Community Professional ,
Mar 23, 2018

Copy link to clipboard

Copied

If you can work at all with Photoshop and illustrator, Muse will be a snap to pick up.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 23, 2018 0
New Here ,
Mar 23, 2018

Copy link to clipboard

Copied

Thanks Jon. I appreciate your reassurance.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 23, 2018 0
LEGEND ,
Mar 23, 2018

Copy link to clipboard

Copied

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,


^ _ ^

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 23, 2018 0
Adobe Employee ,
Mar 23, 2018

Copy link to clipboard

Copied

Done. I leave it to the moderators here to make that decision.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 23, 2018 0
LEGEND ,
Mar 23, 2018

Copy link to clipboard

Copied

Thank you, sir.

V/r,

^ _ ^

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 23, 2018 0