Sliced images shift

Hi all,
I am new to dreamweaver, but have been reading books and
checking out online tutorials. I created a design in photoshop and
created layer based slices where appropriate then saved for the web
as html with images. I brought that html page into dreamweaver and
tried to link one of my buttons to another page. As soon as I link
it all of my sliced images are shifted leaving me little white gaps
between them. I have no clue whats causing this. Any suggestions
are greatly appreciated! I tried just creating a CSS template and
making links and they don't cause any shifting at all. So I am
obviously doing something incorrect with my PS template.
I noticed it show up when I preview with firefox and not
safari.
Thanks in advance.

The problem is that you used a graphics application to create
your html. The html created by Photoshop and other graphics apps is
fragile and subject to break anytime you make changes to it, or if
the user changes things like the text size. The real solution is to
use PS for images, and create your layout in Dreamweaver. Of
course, you will need to have an understanding of html, css and
page layout techniques.

Similar Messages

LaserJet Pro 200 color MFP M276nw prints image shifted 1/2" from top of page.

When printing any report, diagnostic or form from the machine system I get printed image shift approx. 1/2" from the top.
Is there any adjustment that can be made to the MFP to center image?

Hi @patrick22152,
I understand that when printing documents or a printer hardware self test, it shifts 1/2" from the top of the page. I can help you with this.
Make sure the printer is connected directly to a wall outlet. (don't use a power hub or a surge protector) This ensures the printer is receiving full power and may help this situation.
It sounds like the paper isn't feeding properly. Since you are having this issue with the hardware tests and printing from the computer. If it was just the computer, I would check the paper type selected in the print driver, to make sure it isn't set on the proper paper type and not the default unspecified paper.
Try another type of paper to see if you get the same results.
I have provided a document with some steps to try to see if that will resolve the issue.
'Load Paper' Error Message Displays and the Printer Does Not Pick Up or Feed Paper.
Disregard the title.
Here is a example of how the Configuration Report should look like.
Printing a Configuration Report.
Run a cleaning page:
From the Home screen, touch the Setup button.
Touch the Service menu.
Touch the Cleaning Page button.
Load plain letter or A4 paper when you are prompted.
Touch the OK button to begin the cleaning process.
What size and kind of paper are you using?
What operating system are you using? How to Find the Windows Edition and Version on Your Computer.
How is the printer connected? (USB/Ethernet/Wireless)
If you need further assistance, just let me know.
Have a nice day!
Thank You.
Please click “Accept as Solution ” if you feel my post solved your issue, it will help others find the solution.
Click the “Kudos Thumbs Up" on the right to say “Thanks” for helping!
Gemini02
I work on behalf of HP

Fiery features : image shift not available

my office recently changed printers to a canon imagepress C1+ and i upgraded to a new computer running 10.6.3. we have downloaded and installed the latest driver from canon.
the "full properties" glitch is mentioned at [url="http://discussions.info.apple.com/thread.jspa?threadID=2190095&tstart=180 "]in this forum thread[/url], as is a workaround. however, for some reason *image shift* is NOT in the list of features i can add to the +quick access+ pane.
this is an important feature from the user end, as we need to print double-sided and this corrects the placement of the second side. any suggestions welcome.

There are two EFI (Fiery) RIPS available for the imagePRESS C1+. There is the imagePRESS-T1/T2 and the imagePRESS-Q1/Q2. The 1 indicates that the RIP is using system v1.x while the 2 indicates the RIP is running system v2.x. For the imagePRESS-Q2 and imagePRESS-T2, there is a now a 10.6 driver available that does not suffer the same restrictions as the 10.5 driver. You can download this driver via the following link...
http://www.usa.canon.com/opd/controller?act=OPDSoftwareAct&fcategoryid=2478&mode lid=17921
If you are using a T1, then you can download the 10.6 driver via the following link...
http://www.usa.canon.com/opd/controller?act=OPDSoftwareAct&fcategoryid=2478&mode lid=14778
Note that if you have a Q1 or T1, ie it is running system v1.x, then you will need to get the firmware on the RIP updated by a service technician to v2.x so that you can use this driver.
Pahu

Placing a 4x3 QT onto a 16 x 9 sequence without image shift /or RH crop

Hi, I am building a new 16x9 sequence with fresh background, and when I import a older 4x3 QT to place onto it, the 4x3 image shows up cropped on the right side, cutting off the ends of logos, etc. I am not trying to stretch the older 4x3 to 16x9. Just the actual placement onto the timeline causes the crop to show up. When viewed straight from desktop, the 4x3 QT looks fine, only when placed in the 16x9 sequence does the image shift / crop.
Any ideas?
Thanks.

Right click on the clip in the timeline and select 'remove attributes'
Has FCP added distort or crop? If so remove them and see if that corrects the problem

Sliced images moving in DW

Hi all,
I am pretty new to development in DW and I have a question that I hope I am putting in the right place.
I have already sliced up the template and imported them into dreamweaver. However, when I am creating a contact us page and input the table for the form, the website becomes distorted. I believe it may be the size of the form itself causing the issue but no matter how much I lower the width in DW it still looks distorted.
Does anyone have any idea how I can stop the sliced images from moving in DW once I import them?
Thanks in advance
andersonr09

I can take a look, but I don't know of any off the top of my head. Basically you could start that tutorial at the following:
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html#articlecontentAdobe_nu mberedheader_4
Creating slices in Photoshop is very similar except that where Fireworks has the box where it says the "Type: Image; JPEG", Photoshop will do that in the Save for Web Dialog. But with that said, Parts 2 & 3 are where it leaves the Fireworks plane and goes in depth with how to structure HTML and CSS in Dreamweaver which is the preferred method. The Save For Web where Photoshop generates HTML is more for prototyping. What that means is basically just showing someone an image of what the web page will look like without doing much coding so that if design changes need to be made, they are done before the content gets entered in as HTML since things could get messy at that point.
Pt. 2 http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt2.html
Pt. 3 http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt3.html

Image Shifted (Link attached)

I posted this message two days ago and I also read the
article about the layers. The background with the buttons was
created in photoshop then I put it in the middle of the page. Then,
I draw a layer to hold the swf file. When I view it in the IE, the
image shifted. I want to line it up with the four buttons. But,
when my husband view it on his computer, it lines up just fine. I
don't know what else can i do. Please help.
http://www.purcaro.net/development/index.html

> also know that the world "layer" was dropped out in CS4
Actually it was CS3.
> I read the "Page layout 101" and it said layer can help
you position page
> element.
No. It says to not be seduced by the apparent ease of
positioning.
> When you design a page, don't you want your content stay
in one
> position or area instead of shrinking or stretching
according to the
> browser's
> size?
Usually, yes. And it is quite possible (even normal) to do
that without the
use of absolute positioning.
> I found it if I don't use layer, the image shrinks or
stretches
You are mistaken here. Images do not shrink or stretch on a
web page
(UNLESS you have made their height/width a percentage -
that's pretty rare
and requires special intervention by you).
> I don't know
> if I have the right concept about layer.
I'm confident you do not. Let's look at your code -
1. You have no doctype (that's very bad). Please add this to
the top of
the page -
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
http://www.w3.org/TR/html4/loose.dtd">
2. You also have no <html>, <title>, or
<head> tags. Please add this
directly under the doctype -
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
<title>Untitled Document</title>
</head>
3. You have no <body> tags. Please add this directly
under the markup
added in #2 -
<body>
and this directly below the last markup on your current page
</body>
</html>
4. Then change this -
#Layer1 {
position:relative;
left:136px;
top:18px;
width:768px;
height:481px;
z-index:1;
#Layer2 {
position:absolute;
left:207px;
top:54px;
width:652px;
height:420px;
z-index:1;
#Layer3 {
position:absolute;
left:270;
top:auto;
width:499px;
height:405px;
z-index:1;
visibility: inherit;
#Layer4 {
position:relative;
left:250px;
top:50px;
width:552px;
height:399px;
z-index:1;
#Layer5 {
position:static;
left:251px;
top:75px;
width:549px;
height:402px;
z-index:1;
#Layer6 {
position:absolute;
left:252px;
top:40px;
width:551px;
height:402px;
z-index:1;
to this -
#wrapper {
width:792px;
margin:0 auto;
position:relative;
#Layer6 {
position:absolute;
left:252px;
top:40px;
width:551px;
height:402px;
z-index:1;
(that's right - delete the rest)
Finally, change this -
<div id="Layer6">
<script type="text/javascript">
AC_FL_RunContent(
'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','wid th','550','height','400','src','Flash/FrontPage','quality','high','pluginspage','http://ww w.macromedia.com/go/getflashplayer','movie','Flash/FrontPage'
); //end AC code
</script>
<noscript>
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
width="550" height="400">
<param name="movie" value="Flash/FrontPage.swf" />
<param name="quality" value="high" />
<embed src="Flash/FrontPage.swf" quality="high"
pluginspage="
http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="550"
height="400"></embed>
</object>
</noscript>
</div>
<div align="center"><img src="Photos/Background.jpg"
width="792"
height="576" border="0" align="absmiddle" usemap="#Map">
<map name="Map"><area shape="rect"
coords="203,496,399,555"
href="OurAlbum.html">
</map></div>
to this -
<div id="wrapper"><div id="Layer6">
<script type="text/javascript">
AC_FL_RunContent(
'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','wid th','550','height','400','src','Flash/FrontPage','quality','high','pluginspage','http://ww w.macromedia.com/go/getflashplayer','movie',Flash/FrontPage'
); //end AC code
</script>
<noscript>
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
width="550" height="400">
<param name="movie" value="Flash/FrontPage.swf" />
<param name="quality" value="high" />
<embed src="Flash/FrontPage.swf" quality="high"
pluginspage="
http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="550"
height="400"></embed>
</object>
</noscript>
</div>
<div align="center"><img src="Photos/Background.jpg"
width="792"
height="576" border="0" align="absmiddle" usemap="#Map">
<map name="Map"><area shape="rect"
coords="203,496,399,555"
href="OurAlbum.html">
</map></div></div>
and see what happens.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"missmsia" <[email protected]> wrote in
message
news:[email protected]...
> Yes, you are right! I was told that it will be very
frustrated to use
> layer. I
> also know that the world "layer" was dropped out in CS4.
But, I would
> still
> like to use the world layer.
> I read the "Page layout 101" and it said layer can help
you position page
> element. It will also allow you to move freely. See,
this is what I don't
> understand. When you design a page, don't you want your
content stay in
> one
> position or area instead of shrinking or stretching
according to the
> browser's
> size?
> I found it if I don't use layer, the image shrinks or
stretches. I don't
> know
> if I have the right concept about layer. Please help.
Thanks.
>

Slicing images/Css

Hello,
I am working on a site with a number of large-ish photos (
http://www.rosieroo.com/design_one_home.html)
I was on this forum awhile back asking advice on slicing and
positioning with CSS and since then I have been working through
suggested tutorials. but I am still confused.
Most of the tutorials I have come acroos seem to be around
slicing/CSS image rollovers. I simply want the images to load
faster no need for roll over functionality.
I have also come across some sites saying slicing is a thing
of the past and no longer needed.
Can anyone offer advice on:
1) Does slicing increase the speed a page is loaded or does
it jus appear to load faster?
2) With regards to my link above would slicing help this page
load faster?
3) If slicing is reccomended would it work to simply:
slice images > export images only
>Put the images piece by piece into a div (this is what I
have done with the large images so i am assuming it would work with
mutiple smaller images? I have not used any positoning other than
inserting each piece -is that bad form?)
4) or would it be better to position the images with CSS? If
so can anyone reccomend simple tutorial that would help me achieve
a fast loading CSS positioned page
thank you,
Shontelle

Ok I understand now and thanks for the comments.
Cheers
Pablo
An Eye of Menorca
www.dellimages.com
"Michael Hager" <[email protected]> wrote in message
news:[email protected]...
> Guess you missed my point and after re-reading I see I
didn't really
> communicate it. My comment was only a response to your
comment that you
> couldn't imagine creating a site without image slicing.
I can't imagine
> creating a site that needs to use image slicing.
>
>
>
> I just take the approach of design simplicity. I don't
start with a big
> image as the basis for my site. It's just my style.
Maybe not yours.
> Sites don't need to be designed in such a way that they
require image
> slicing, but they can be and the Zen garden page is a
good example. I
> don't particularly care for it so I simply would avoid
that kind of
> design.
>
>
>
> It's not a matter of what is correct. It's a matter of
preference. You
> like to slice, I generally don't.
>
>
>
> I really do like your web site by the way and I'm sure I
could not
> recreate that without using sliced images. I probably
would have simply
> designed it in such a way that it didn't need them.
>
>
>
> By the way Pablo, your photographs are simply stunning.
Makes me want to
> visit Menorca. While we may not agree on web design, we
do have a love of
> photography in common.
>
>
>
> Michael Hager
>
> www,cmhager.com
>
>
>
> "Pablo" <[email protected]> wrote in
message
> news:[email protected]...
>> How would you create this
>>
http://www.csszengarden.com/?cssfile=/202/202.css&page=0
and thousands of
>> other great looking sites without slicing? I'm
baffled to say the least.
>>
>> --
>> Cheers
>>
>> Pablo
>> .................................
>> An Eye of Menorca
>> www.dellimages.com
>> .................................
>> "Pablo" <[email protected]> wrote in
message
>> news:[email protected]...
>>> So how do you build your interface? Do you
create loads of images? I
>>> create one and slice it, what do you do? How
would you create my site
>>> without using slices? This image for example:
>>>
>>>
http://www.dellimages.com/images/cssstuff/topheader.jpg
>>>
>>> Overflowing into the nav buttons
>>>
>>> Or the right side faux column?
>>>
>>> How?
>>>
>>>
>>>
>>> --
>>> Cheers
>>>
>>> Pablo
>>> .................................
>>> An Eye of Menorca
>>> www.dellimages.com
>>> .................................
>>> "Michael Hager" <[email protected]>
wrote in message
>>> news:[email protected]...
>>>>> What a load of tosh that is, where have
you seen this? I cannot for
>>>>> the life of me think of a way of
creating a web layout without having
>>>>> to slice images, unless you create
something that is nearly all text.
>>>>
>>>> Wow!... I can't think of a reason in the
world to create a web page
>>>> where you NEED to slice images.
>>>>
>>>>
>>>
>>>
>>
>>
>
>

.MOV to .PSD image shift...HELP!!!!!!

I have a .MOV and a .PSD file of the same image, the .MOV is of the .PSD image animating into its place on the .PSD. However when the track (.MOV) jumps to the Layered Menu (.PSD). there is an image shift. How do I prep the files so that the uncompressed quicktime movie and the photoshop file will line up seamlessley?
Any help appreciated!
Bill

I don't know enough about how you applied the motion to tell you exactly why this happends, but I have clue:
If you are animating the motion in FCP in an uncompressed sequence, the frame size will actually be 720x486. When this gets encoded to mpeg, it gets cropped to 720x480, 4 lines top and 2 bottom, to keep the field order the same.
I start with a 720x486 file in photoshop, and then manually crop it 4 top and 2 bottom to prepare the version of the still file for the DVDSP menu.
I might also recommend simply extending your motion quicktime to include the still at the end. It should only add a minute of video to your disc. You can even set the menu in DVDSP to a stilll at the end, as opposed to looping.
Another thing that can effect positioning of photoshop layers in FCP or DVDSP is if there are any pixels on the layer outside the bounds of the canvas. A quick "select all-image:crop" will eliminate this.

How to get sliced image into my table ?

hi all :)
i have created a sliced image of my country and added
rollover with disjointed fx.
i have also exported the code which works fine by it self.
however when i try to get the code into a table cell on my
website it breaks the table.
so please can you tell me what i have to do inorder to make
it fit in please.
the site is www.365cityads
dot com.
here you can see a placeholder map of sweden thats were
i want the sliced map to be
you can view the working map here on
www.365cityads
dot com/xmap/swemap.html
here you can see that everything is working but breaks when
i try to get it to the index.php page.
please can anyone help me with this multiple nested table
situation
thanks
K

krughan wrote:
> Hi pixlor :)
> pixlor maybe im missing the bigger picture and there is
something i can learn
> or maybe its due to my understanding of english.
>
> after slicing up up sweden into 21 counties then
exporting it to html
> it worked fine no problems at all. (are you saying i
need not slicing ?)
>
> my problems became about when i tried to fit the map
into a table cell on my
> site (365cityadds.com where you can see the map working
now) that was the
> problem before as it was breaking up
> on every attempt.
>
> so i looked back on the orginal could working map code
and notice
> there were 3 parts to it 1st to go in the header 2nd to
go in the desired cell
> destination then the 3rd part was attached below
> (is it here that im doing worng ?)
>
> as i said the map is in the right place on the site and
seems to be doing what
> i wanted. however what i cant get over is the amount of
code generated by
> firefox which makes the map slow to load on initial
entry to the site (im
> using preload images too)
> (maybe im doing something wrong here. am i ?)
>
> pixlor, by no way am i being confrontational with you in
any sort
> of way. i assumed that you thought i was slicing the map
sections into 21
> matching table cells, how ever my assumption may and can
be totaly wrong.
>
> if you have time to look at the front page of the site
and see the
> usage of the map and its code via right click . just to
see if i used
> the software as intended. :) thanks.
>
> i have use FW a few time (im not an expert) to do
smaller stuff and
> i really thought that i was using it correctly but if
there are other
> way that can make the map speed, cut code and/or an
effecient
> way of doing the same thenig then i ask you please let
me know
> or provide me with a link to reference(s)
>
> thank you again for responding. your input means alot to
me
>
> Thanks
> k
>
>
>
>
This kind of complexity would be much better handled via
Flash, but that
may be outside your experience at this point.
The code you saw was NOT generated by Firefox; it was the
code generated
by Fireworks to pull off the effect you wanted. The lag you
experienced
was Firefox having to download the code to the user's browser
and then
Firefox having to parse and display all the elements
Generally, overlapping slices is not a good idea for many
reasons -
bloated code being one of them. Other issues that can occur
are
unreliable image display, multiple - unnecessary - sliced
images and
migraines from having to edit the code at the source level
<grin>.
Jim Babbage - .:Community MX:. & .:Adobe Community
Expert:.
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
.:Adobe Community Expert for Fireworks:.
Adobe Community Expert
http://tinyurl.com/2a7dyp
See my work on Flickr
http://www.flickr.com/photos/jim_babbage/

Is it possible to use sliced images with fluid grids CS6?

I have 2 sliced images that I want to use in my page. The site has been designed with fluid grids CS6. As soon as the page is made smaller 1 of the images shrinks while the other remains the same size. Is there any way to make this work or is it just not possible using fluid grids?

There's nothing on this page.
http://www.lavishvegas.com/las_vegas_barsx.html
If you want images to rescale to device width, the parent container must be fluid (% width).
The images need a CSS max-width of 100%. DW does this for you when you create a Fluid Grid layout.
Also, the native image must be inserted into the HTML foreground with no stated height or width attributes. If you set the height/width, it won't rescale to viewport width.
Working example:
http://alt-web.com/FluidGrid/Fluid2.html
Nancy O.

Images shift when jumping to anchors

I have a file using manual menus connected to anchors. In the browser when I click on any menu item one of my images shifts. It's a patterned wall paper that must meet fairly close to look right. The shift of about 3/8" spoils the effect. I've deleted and reset the anchors but the shift persists. This errors previousy didn't occur in this file. I've made some change it seems which has created this shift. I deleted my broswer cache hoping that might fix the problem but it didn't help. I've checked where my images are pinned to and how they are set to fit in their space and it appears correct.(I am using tiling) As an aside I've begun to wonder if anchors are really a work in progress, I've noticed other issues with them that didn't seem to make sense.
CharlesSchutz

Aish,
I'm not able to provide a URL. All access to the site is under an NDA and
is hosted on a private server with encrypted access other than my local
machine. If you could tell me if this is a known issue then I can hand it
off to one of their developers to look into, It would be helpful to have
some ideas about what component could be the issue and if its possible to
get access to fix it?
I don't know the steps I took that created the error. The file did work but
began appearing I believe after I began fine tuning the anchors and moving
some of the content. That's all I know. As I mentioned it all looks
correct. The settings match another copy of this same file I have. The copy
with my new edits has this error of shifting images and at the level I am
able to understand it all appears correct.
Cordially,
Chuck Schutz
On Wed, Dec 18, 2013 at 11:41 AM, Aishvarya Raj Rastogi <

Return sliced image to original

Is it possible to take a sliced image and put it back to just
one image? The image was sliced in Photoshop and I use
Fireworks...when we add to a page on the site the proportions in
the sliced cells don't always work the way I want them too...so I
would like to recreate the background image as a whole. Any ideas?
Thank you in advance
Kaz

Mama-Kaz wrote:
> Is it possible to take a sliced image and put it back to
just one image? The
> image was sliced in Photoshop and I use Fireworks...when
we add to a page on
> the site the proportions in the sliced cells don't
always work the way I want
> them too...so I would like to recreate the background
image as a whole. Any
> ideas?
Make a screen shot of it and use the screen shot.
Linda Rathgeber [PVII] *Adobe Community Expert-Fireworks*
http://www.projectseven.com
Fireworks Newsgroup:
news://forums.projectseven.com/fireworks/
CSS Newsgroup: news://forums.projectseven.com/css/
http://www.adobe.com/communities/experts/

Problems with sliced images in dreamweaver

Hi, when i uploaded a template from photoshop into dreamweaver and typed in "index" in the link box, the entire page expands a little with white spaces in between all sliced images. How do i fix it?

You may want to have a read of these two articles from the DW FAQ:
Posting code in this forum
How to get help quickly
From the image it looks like the page is breaking due to very poorly written html. As someone pointed out, do not use an image editor to write the code for your page. Slice up the PS comp and build the page in Dreamweaver.
If you are new to Dreamweaver, it may be worthwhile to take a tour of the following tutorials:
TAKING FIREWORKS COMP TO DREAMWEAVER:
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
From Tables to CSS Web Design Part 1 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
From Tables to CSS Web Design Part 2 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt2.html

How to remove white space between sliced images ? Please help.

I've created a site by exporting sliced images from Photoshop into Dreamweaver. Some images have a thin white line between them that I can't get rid of. I think it's because they are in a table format. There is no cell padding. Can you help me remove them? (see code below) The images I'm talking about are the horizontal buttons used in the navigation bar. Thank you in advance!
Here is a link to the site: Site Preview
--------------CODE---------------
<table width="1001" height="751" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
    <tr>
      <td colspan="17">
        <img src="../Images/Optimized-Header.gif" width="1002" height="188" alt="logo header"></td>
      <td>
        <img src="../images/spacer.gif" width="1" height="194" alt=""></td>
      </tr>
    <tr>
      <td rowspan="2">
        <img src="../images/white-space-top-left.gif" width="44" height="45" alt=""></td>
      <td colspan="16">
        <img src="../images/Creekside-Layout-Final_03.gif" width="956" height="1" alt=""></td>
      <td>
        <img src="../images/spacer.gif" width="1" height="1" alt=""></td>
      </tr>
    <tr>
      <td colspan="3"><a href="../creekside_homepage.html"><img src="../images/about-btn1.gif" width="157" height="44" alt="about"></a></td>
      <td colspan="3"><a href="../steam_and_sauna_page.html"><img src="../images/steam-and-sauna-btn2.gif" width="233" height="44" alt="steam and sauna"></a></td>
      <td colspan="3"><a href="../creekside_hot_tubs_page.html"><img src="../images/hot-tubs-btn3.gif" width="162" height="44" alt="hot tubs"></a></td>
      <td colspan="3"><a href="../creekside_rentals_page2.html"><img src="../images/rentnals-btn4.gif" width="151" height="44" alt="rentals"></a></td>
      <td colspan="3"><a href="../creekside_contact_page.html"><img src="../images/contact-us-btn.gif" width="211" height="44" alt="contact us"></a></td>
      <td>
        <img src="../images/white-space-top-right.gif" width="42" height="44" alt=""></td>
      <td>
        <img src="../images/spacer.gif" width="1" height="44" alt=""></td>
      </tr>
    <tr>

Your slices appear to be a little bit off.
Use Photoshop for images only. Use DW to build your web pages. Exporting HTML from graphics apps is not going to produce good cross-browser results. It's really only for quick prototypes; not real web sites.
See this 3 part tutorial:
Taking a Fireworks (or Photoshop) comp to a CSS Layout in DW
Part 1 - Initial Design
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
Part 2 - Markup preparation
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt2.html
Part 3 - Layout and CSS
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt3.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

Template Images Shift

Help-I'm new at dreamweaver...I was given a template to work
with. There was already an editable region in the template. The
problem is when I add text and images to the editable region, the
template images shift. Is there a way I should be entering the text
so that this does not occur? How can I fix?
Please visit
http://St.MarysOrthodoxChurch.com
for a correct page then
http://StMarysOrthodoxChurch.com/orthodoxy.html
as an example of the shifting.
thanks in advance for any help!

Server Not Found
Jo
"Krishendra" <[email protected]> wrote in
message
news:epm7ts$806$[email protected]..
> Help-I'm new at dreamweaver...I was given a template to
work with. There
> was
> already an editable region in the template. The problem
is when I add text
> and
> images to the editable region, the template images
shift. Is there a way I
> should be entering the text so that this does not occur?
How can I fix?
> Please visit
http://St.MarysOrthodoxChurch.com
for a correct page then
>
http://St.MarysOrthodoxChurch.com/orthodoxy.html
as an example of the
> shifting.
> thanks in advance for any help!
>

Sliced images shift

Similar Messages

Maybe you are looking for