Image alignment problem in Fireworks/Dreamweaver

Hello!
For my webbie, I have made a "large" image using Photoshop and brought it into Fireworks (I'm using CS4 programs btw). I sliced up the image according to the table I wanted and exported each section as .png files (it has to be png for various reasons). My image size is 600px h by 800px w.
So, I create a table in Dreamweaver and in each cell, I insert the .png files.
Now, my problem is that
some of the cells do not align properly (in two places) and ends up shifing the entire row over so it overextends.
You can see this problem on the two screen caps that I have:
http://i993.photobucket.com/albums/af60/CrescentChi/Picture2.png
and
http://i993.photobucket.com/albums/af60/CrescentChi/Picture1.png
Now, I know the logical thing is to check to make sure each row adds up to 800px.
I have done this already and here are the measurements for each cell:
For row 2 I have: 341, 130, and 329.
For row 4 I have: 166, 93, 93, 96, 93, 95, and 164.
And as you can see, these add up to 800.
I just end up with some kind of space in between my cells...
the pictures I have provided shows what the property palette shows when I click on either a cell or one of the spaces in between the cells.
Do you know what I'm doing wrong?
Thanks for your time of looking and help! <3

I did get it from DW.... I got it in the code view.
I did my testing one, but I'm still getting the same problem (nonetheless I'll put the code I used for it down below).
After when I hit File > New in DW I get a flow chart of options (although it goes sideways; I'm using a MAC too btw).
The best choices I get are...
Blank Page > HTML > none (this refers to layout)
Blank Template > HTML template > none
I've been using the first one. There is also a scroll option for DocType (that only appears when I use the Blank Page option). I use the default one they give me: XHTML 1.0 Transitional but there are others...
None, HTML 4.01 Transitional, HTML 4.01 Strict, XHTML 1.0 Strict, XHTML 1.1, and XHTML Mobile 1.0
Maybe something is wacky with my DW program? Honestly, I am still a bit new to this (using DW and using CSS). I'll go back to my DW book and see if what it says. I'll also try and re-install my DW program if I can find the disc....
Thanks so much for your time.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">

</style></head>
<body>
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
    <td colspan="7"><img src="Images/Slices/CBSO_r1_c1.png" width="800" height="370" /></td>
</tr>
<tr>
    <td colspan="3"><img src="Images/Slices/CBSO_r2_c1.png" width="340" height="50" /></td>
    <td><img src="Images/Slices/CBSO_r2_c2.png" width="135" height="50" alt="Home" /></td>
    <td colspan="3"><img src="Images/Slices/CBSO_r2_c3.png" width="325" height="50" /></td>
</tr>
<tr>
    <td colspan="7"><img src="Images/Slices/CBSO_r3_c1.png" width="800" height="60" /></td>
</tr>
<tr>
    <td><img src="Images/Slices/CBSO_r4_c1.png" width="165" height="60" /></td>
    <td><img src="Images/Slices/CBSO_r4_c2.png" width="94" height="60" alt="About" /></td>
    <td><img src="Images/Slices/CBSO_r4_c3.png" width="94" height="60" alt="Gallery" /></td>
    <td><img src="Images/Slices/CBSO_r4_c4.png" width="94" height="60" alt="Blog" /></td>
    <td><img src="Images/Slices/CBSO_r4_c5.png" width="94" height="60" alt="Shop" /></td>
    <td><img src="Images/Slices/CBSO_r4_c6.png" width="94" height="60" alt="Links" /></td>
    <td><img src="Images/Slices/CBSO_r4_c7.png" width="165" height="60" /></td>
</tr>
<tr>
    <td colspan="7"><img src="Images/Slices/CBSO_r5_c1.png" width="800" height="60" /></td>
</tr>
</table>
</body>
</html>

Similar Messages

Having a image alignment problem using clearbox

Hi,
I'm having an image alignment problem. I cannot figure it out. I'm using the clearbox - lightbox dreamweaver widget. Using Dreamweaver CS6.
Actual page located here. Any help would be appreciated.
http://dirtysouthink.com/gallery/dustin2.html

This has very little to do with Dreamweaver. DW is merely a tool to assist you in building a web site. It is purely a matter of styling (CSS).
When I look at the structure, I see
BODY-CONTENT (width: 490px)
     GALLERY (width: 452px)
          CONTAINER (width: 500px)
               ITEM (width: 150px)
From this I can deduce that:
GALLERY will fit inside BODY-CONTENT
CONTAINER will NOT fit inside GALLERY or BODY-CONTENT
ITEM will fit three times into CONTAINER
To start with, I would reduce the size of the CONTAINER so that it fits inside of its parent. Then I would adjust the width of the ITEM so that only two of them fit inside of the CONTAINER.

Image aligned problem - small gap between images

Can anyone spot what is causing the small gap between the
images in this
page:
http://dwayne.compasslearning.com/index.html
see the top middle image is pushed up to the very top of the
window where it
should have a small space at the top and then it has a gap at
the bottom
where there should be no space or gap?
Any help is appreciated.
Thanks.

Please disregard...I figured it out.
Thanks.
"-D-" <[email protected]> wrote in message
news:f2kqck$qot$[email protected]..
> Can anyone spot what is causing the small gap between
the images in this
> page:
>
>
http://dwayne.compasslearning.com/index.html
>
> see the top middle image is pushed up to the very top of
the window where
> it should have a small space at the top and then it has
a gap at the
> bottom where there should be no space or gap?
>
> Any help is appreciated.
>
> Thanks.
>

Same alignment problem! can ANYONE help??

Hi guys i still need help with my alignment problem! My nav
bar lokos good in the preview window of fireworks
CLICK
HERE TO VIEW THE NAV BAR IN FIREWORKS
but when previewed in a browser or exported into dreamweaver,
the navbar is all out of order
CLICK
HERE TO VIEW THE NAV BAR IN DREAMWEAVER
Can anyone tell me what is going on?? i really need to launch
the website ASAP.
Thankyou!

10totti wrote:
> Hi guys i still need help with my alignment problem! My
nav bar lokos good in
> the preview window of fireworks
>
>
http://img97.imageshack.us/my.php?image=nav1yp1.jpg
I hate being harassed by ads and will not review images on
the image
shack site any longer. Post the screen shot or original file
to your
personal site.
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/
Design Aid Kits:
http://www.webdevbiz.com/pwf/index.cfm

Photoshop/Fireworks/Dreamweaver work flow

Hi chaps - I am a newbie and have been doing weeks of
research - I currently have CS2 but would consider CS3 if I REALLY
need to (though money is a problem at the moment). Here though, my
dilemma. I am a broadcast designer (reasonable knowledge of
Photoshop) who needs to learn how to make a web-site and I want to
do so correctly using the best tools for the job and the best
techniques. I'm learning a little html but would like to develop a
work flow that reflects my existing designer-type knowledge. I've
been working through lots of tutorials, I have bought some from a
couple of excellent companies (guess I shouldn't mention their
names) but they are excellent but even with their CS3 tuts (which
are the most up to date) they work with tables a lot ( and I've
been told to learn CSS not tables) and the Photoshop tuts say
'slice', optimize images and even create rollovers in Photoshop,
Fireworks tuts say do it all in Fireworks, Dreamweaver tuts say do
it all in DW. Can anyone help please ? I've gained a lot of great
knowledge about the 3 packages from my training but not the BEST
way of integrating them.
Any advice welcome and I'm sorry about the length of the
post. Regards Roger

Here's a good read, too -
http://apptools.com/examples/pagelayout101.php
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
==================
"Iain71" <[email protected]> wrote in
message
news:fgup8i$l9k$[email protected]..
> Hi there,
>
> I was in a similar position when I first started using
DW/FW - and went
> through all the tutorials about slicing etc to create
navbars, had a few
> issues, and discovered that the general consensus was
not to use FW, and
> that
> CSS was definitely the way to go.
>
> A site which I found really useful for doing simple
enough navigation
> using
> CSS was this one :
>
>
http://css.maxdesign.com.au/listamatic/
>
> I've generally found that I don't stick to any one
method, but whichever
> suits
> most, seems to offer the path of least resistance,
without mucking things
> up
> too much - I don't think many would say absolutely never
use tables, as
> there
> are times when they suite - although probably more for
content within a
> <div>
> rather than to create the page's general layout.
>
> I guess FW is good for optimizing graphics for the web -
not sure how it
> compared to PS, as I've always got by with FW as my
needs are pretty basic
> compared to a more serious PS user.
>
> I also think you tend to come across things along the
way that you would
> like
> to do, and can pick things up along the way rather than
decide more rigid
> working practices from the outset.
>
> This is more a rambling stream of thought that anything
- but just my 2c
> off
> the top of my head!
>

Image Align Not Working in Browser

Ok, so i have text and i put some images in there and i set my image align to either left or right or however i need it and it looks fine in dreamweaver, but when i preview it in a browser it isn't right. Does anyone know why this could be? I'm prolly being dumb and just have a slight minor detail wrong so......feel free to slap me if needed....

In code view, you have this at the top of your page:
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
Which should be this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
Remove the JavaScript tag.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Banner image will not display in Dreamweaver; can you help?

Banner image will not display in Dreamweaver; can you help?

If the banner image is not displaying, it is either not in an acceptable web file format (optimized for web as jpg, gif or png). Or it is corrupted. Or the path to the image file on server is broken.
It's impossible to say more without a link to your problem page.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

Text Align problem

I clicked the text menu and then I clicked on align. I
highlighted the text and the bar but I tried to center the text on
the bar but it doesn't work correctly. Can anybody help me?
http://server6.theimagehosting.com/image.php?img=fireworks.cd6.gif[L=picture

bobau wrote:
> I clicked the text menu and then I clicked on align. I
highlighted the text and
> the bar but I tried to center the text on the bar but it
doesn't work
> correctly. Can anybody help me?
>
>
http://server6.theimagehosting.com/image.php?img=fireworks.cd6.gif
Is that a button you created in the button editor? You need
to center
align it in the button editor. If not, then select the button
shape
first, then the text, and finally choose Modify > Align
> center
Vertical, and Modify > Align > Horizontal. If you are
using the Align
panel, select the button shape and click on the Anchors
button. Press
shift ans select the text. Click in the align center and
vertical
buttons.
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/
Design Aid Kits:
http://www.webdevbiz.com/pwf/index.cfm

JEditorPane HTMLEditorkit Image align left

Hi,
I am developing a HTML Editor with JEditorPane and HTMLEditorKit. Apart from the many other difficulties, the HTMLEditorKit doesn't show a text next to an image correctly. I set an Image alignment to left and hopped, the text would be displayed text to it beginninge at the top. But it doesn't. Can anyone help.
Christian

Hi,
I'm sorry, but this doesn't help me at all. To be more precisely, I want a text placed next to an image. A normal Browser does is when you say something like <img align="left" ...> and just place your text behind this tag. It looks like this:
%%%%%%%%%% My Text My Text My Text My Text My Text My Text
%%%%%%%%%% My Text My Text My Text My Text My Text My Text
%%%IMAGE%%%% My Text My Text My Text My Text My Text My Text
%%%%%%%%%% My Text My Text My Text My Text My Text My Text
%%%%%%%%%% My Text My Text My Text My Text My Text My Text
The Problem with the JEditorpane and the HTMLEditorKit is, that it shows up like this:
%%%IMAGE%%%%
%%%%%%%%%% My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
If I put the alignment to top or something else, I can let it look like this:
%%%%%%%%%% My Text My Text My Text My Text My Text My Text
%%%IMAGE%%%%
My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
My Text My Text My Text My Text My Text My Text
But annoyingly I let it show up like in any normal Internet Browser.
Hope my problem is more clearly now and somebody can help me.
Yours sincerely,
Christian

Banner Alignment Problem

I am having an alignment issue with a website that I recently built using dreamweaver.
http://bacs.myweb.uga.edu
There is not an alignment problem on the front page (index.html), but subsequent pages (http://bacs.myweb.uga.edu/currentstudents.html) change the alignment of the banners below the tabs for each section. Screen resolutions of 1280X800 do not have any alignment issues, but pretty much any other resolution changes the alignment. Is there a solution to this problem? Rather than posting all the code, you should be able to get it from the links above. Thanks in advance.
Frustrated in Athens,
Aldo

html
<body>
<div id="wrapper">
</div>
</body>
css
#wrapper {
width: /*the width of your content */
margin:0 auto; /*this will centre align it*/
padding:0;

Preview image aligns to right!

please help! (how dramatic) - my preview image aligns to the right, and I can't do nothing with it!
I have a single monitor, and the options for the second one is grayed out but says "secondary viewer - desktop". I don't know if that's the problem, or something else.
the viewer also set to "show one".
how can I revert it to be aligned to center?
please, any suggestions?

anyone?!
reinstalled aperture, but still aperture thinks I have another monitor / viewer, but won't let me change how it's used, as it grayed out.
is there a way to completely remove all aperture prefs. and reinstall cleaner? after last reinstall the welcome splash screen doesnt show, as I previously marked it not to show, meaning the re installation wasn't clean and there were leftover data. how can I clean up all the data regarding aperture?
anything?

Image Preview not working in Dreamweaver CC

I recently switched from Dreamweaver CS5 to Dreamweaver CC and my images don't preview in Dreamweaver CC interface "Design" mode/tab at all. My images are hosted at an Adobe Scene7 URL that I know the image path is correct because it works when I preview using the image path URL.
I need to get these images to preview in Dreamweaver so that I can ad hotspot areas to them and also visualize what it looks like before making web pages live.

DW should automatically show you those files in Design View.
Unless you are using a firewall, that should not be checked. If you have not defined a site yet, that would never have come up to be checked.
Does View > Refresh Design View (F5) do anything for you?
What happens when you switch to Live View on the page(s) in question?

I have LR5 on a mac book pro with a external hard drive with LR5 images. my problem is my external hard corrupted reformatedand have to this is expensive and i would to start over in LR5

i have LR5 on a mac book pro with a WD external hard drive with my with my LR5 images . my problem is my external drive is corrupted .i was told by apple that my macshow the hard drive is there but it is not moumting and have to be reformat. i have to use recovery data to save my images on my external before i can refomat.iam willing to lose my images on my extenal hard drive but i would like to know can i erase my LR5 images and start over or delete LR5 and download it again

Simply start a new catalog:
File >> New Catalog
Choose a new name and save.
When the empty catalog launches you are ready to start over.

My iMac 27" Late 2012 has Image Persistence Problem

I'm wondering what to do about an annoying image persistence problem on my 27" late 2012 iMac. I got the iMac just a few days ago. Monday actually, so 4 days ago.
It's the 3.4GHz i7, 8GB, NVIDIA 680MX 1TB fusion drive model.
Overall it has become the love of my life, but the image persistence thing is getting harder to ignore. This happens after only a few minutes of use. If I follow Apple's instruction on dealing with LCD image persistence, I can make it go away for a while, but it comes back very quickly.
It is extremely noticeable on a plan dark background. It looks as thought he screen has been left on for a very long time with the same windows open, but it occurrs in less than 5 minutes of use with nothing more intense than a bit of web surfing.
I've read that this is happening a great deal on these new iMacs, particularly teh 27" machines.
While the problem seems to be known to those of us afflicted I don't know if Apple has acknowledged an issue or not.
Here is a sample of the complaints: http://forums.macrumors.com/showthread.php?t=1509571
I can make the ghost image vanish by bringing up an all white scree for a minute or so or using LCD Scrub.
I'm wondering if anyone else has foun a solution other than asking for a replacement computer, which Apple seems to be granting on this issue?

Avoiding image persistence on Apple (IPS) displays
Avoiding image persistence on Apple LCD displays
If you cannot resolve the issue yourself, then return the computer for a replacement. You may do this freely within 14 days from date of purchase, so don't delay.

Alignment problem in converting smartform printpreview into PDF

Hi all,
I am getting some alignment problem in converting smartform printpreview into PDF format, i.e the format of PDF is different from printpreviw of smartform.
kindly suggest something so that alignment is not changed while converting to PDF.
Regards,
Sumalatha

use below f.m to convert it into 255 characters....
     CALL FUNCTION 'QCE1_CONVERT'
        TABLES
          t_source_tab         = i_tline
          t_target_tab         = so_ali[]
        EXCEPTIONS
          convert_not_possible = 1
          OTHERS               = 2.

Image alignment problem in Fireworks/Dreamweaver

Similar Messages

Maybe you are looking for