• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Seeing slice line gaps in Chrome and Opera Browser

New Here ,
Mar 20, 2018 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>


					
				
			
			
				
			
			
			
			
			
			
			
		

Views

2.8K

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
community guidelines

correct answers 1 Correct answer

Community Expert , Mar 23, 2018 Mar 23, 2018

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

Votes

Translate

Translate
Mentor ,
Mar 20, 2018 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.

Votes

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
community guidelines
Mentor ,
Mar 20, 2018 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.

Votes

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
community guidelines
New Here ,
Mar 21, 2018 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.

Votes

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
community guidelines
Adobe Employee ,
Mar 21, 2018 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.

Votes

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
community guidelines
Mentor ,
Mar 21, 2018 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.

Votes

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
community guidelines
Community Expert ,
Mar 21, 2018 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— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

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
community guidelines
LEGEND ,
Mar 21, 2018 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,

^ _ ^

Votes

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
community guidelines
New Here ,
Mar 23, 2018 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

Votes

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
community guidelines
Community Expert ,
Mar 23, 2018 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.

Votes

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
community guidelines
New Here ,
Mar 23, 2018 Mar 23, 2018

Copy link to clipboard

Copied

LATEST

Thanks Jon. I appreciate your reassurance.

Votes

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
community guidelines
LEGEND ,
Mar 23, 2018 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,


^ _ ^

Votes

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
community guidelines
Adobe Employee ,
Mar 23, 2018 Mar 23, 2018

Copy link to clipboard

Copied

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

Votes

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
community guidelines
LEGEND ,
Mar 23, 2018 Mar 23, 2018

Copy link to clipboard

Copied

Thank you, sir.

V/r,

^ _ ^

Votes

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
community guidelines