Why Does Image Change from FP to Browser?

V

Vicki

Notice the top right-hand image on this page:
http://proboneo.org/MDay2006.htm. It is jammed, lines are inaccurately
displayed and the logo has moved. However, in setup AND in preview, it is
perfectly displayed. I inserted the image, resized it, resampled it and when
the page was finished, I published it.

The "squeezing" shows both on IE and Firefox. And I cannot figure out why
this one image is doing that when all others were inserted, resized and
resampled exactly the same way and they look just fine.

I am very frustrated by this. It is not the first time my preview is
inaccurate and resulted in trying to figure out WHY something is not
appearing as it seems it should - and not always successfully. It's happened
more than I think it should and has had me looking at other software, such as
Dreamweaver, more than once.

So, any suggestions? Ideas? The images are located inside a table and all
cells are identically configured.
Why would preview be inaccurate? How can I trust it when this kind of thing
keeps happening?

Thanks,
 
K

Kevin Spencer

I don't see an image on the top right-hand of that page. Have you removed
it? If not, can you be more specific?

--
HTH,

Kevin Spencer
Microsoft MVP
..Net Developer

Presuming that God is "only an idea" -
Ideas exist.
Therefore, God exists.
 
R

Rob Giordano \(Crash\)

Use Preview in Browser, not the Preview button.

I don't see any squeezed images on that page. That being said...do not use
FP to resize, resample images. Use a third party image editor to size your
images properly then Import them into FP and use them.

Dreamweaver is very good as well....but it also is not an image editor.

hth...


| Notice the top right-hand image on this page:
| http://proboneo.org/MDay2006.htm. It is jammed, lines are inaccurately
| displayed and the logo has moved. However, in setup AND in preview, it is
| perfectly displayed. I inserted the image, resized it, resampled it and
when
| the page was finished, I published it.
|
| The "squeezing" shows both on IE and Firefox. And I cannot figure out why
| this one image is doing that when all others were inserted, resized and
| resampled exactly the same way and they look just fine.
|
| I am very frustrated by this. It is not the first time my preview is
| inaccurate and resulted in trying to figure out WHY something is not
| appearing as it seems it should - and not always successfully. It's
happened
| more than I think it should and has had me looking at other software, such
as
| Dreamweaver, more than once.
|
| So, any suggestions? Ideas? The images are located inside a table and all
| cells are identically configured.
| Why would preview be inaccurate? How can I trust it when this kind of
thing
| keeps happening?
|
| Thanks,
|
| --
| Vicki
 
V

Vicki

It is the black and white image directly beneath the word Postcard. What you
will see is the check boxes don't line up, one of the $ lines moved, the logo
is sitting on top of words, address lines are not aligned correctly, wording
is on top of e-mail line. Nothing at all how the real image looks.

http://proboneo.org/MDay.htm
 
J

Joe Rohn

Hi Vicki,

The only really accurate way to know how your page will look is not by doing
a "Preview" but rather a "Preview in Browser"

It's not a good idea to use FrontPage for adjusting your images..you will
have better results by doing all of your image work in an image editing
program..and then bringing your final image into your web.

There's a number of places on your page where you have used your spacebar to
try and position things..doing this will cause a number of problems. Here's
a couple of examples in your code where you have done that:

<a href="Award.htm">Award</a>&nbsp;&nbsp;&nbsp; <a href="Clinic.htm">Clinic
Snapshots</a>&nbsp;&nbsp;&nbsp;<a
href="Donate.htm">Donate</a>&nbsp;&nbsp;&nbsp;<a
href="EssentialNumbers.htm">Essential Numbers</a>&nbsp;&nbsp;&nbsp;<a
href="FindaLostPet.htm">Find a Lost Pet</a>&nbsp;&nbsp; <a
href="HelpfulHints.htm">Helpful
Hints</a>&nbsp;&nbsp; <a href="iGive.Com.htm">iGive</a>&nbsp;&nbsp;<font
color="#FF0000"> <a href="IntheNews.htm">In the
News</a></font>&nbsp;&nbsp;&nbsp;<a href="LocalLinks.htm">Local
Links</a>&nbsp;&nbsp;&nbsp;<a href="CardFundraiser.htm">Sympathy
Cards</a>&nbsp;&nbsp;&nbsp;<a href="Volunteer.htm">Volunteer</a></font>



<p style="margin-top: 1px; margin-bottom:
1px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>



--
Joe

Microsoft MVP FrontPage

FrontPage Users Forums:
http://www.timeforweb.com/frontpage
 
R

Rob Giordano \(Crash\)

That's exactly how the image looks in real life:
http://proboneo.org/Poscard Front Single.jpg

you'll need to fix the image itself - with an image editor (not FP)



| It is the black and white image directly beneath the word Postcard. What
you
| will see is the check boxes don't line up, one of the $ lines moved, the
logo
| is sitting on top of words, address lines are not aligned correctly,
wording
| is on top of e-mail line. Nothing at all how the real image looks.
|
| http://proboneo.org/MDay.htm
| --
| Vicki
|
|
| "Kevin Spencer" wrote:
|
| > I don't see an image on the top right-hand of that page. Have you
removed
| > it? If not, can you be more specific?
| >
| > --
| > HTH,
| >
| > Kevin Spencer
| > Microsoft MVP
| > ..Net Developer
| >
| > Presuming that God is "only an idea" -
| > Ideas exist.
| > Therefore, God exists.
| >
| > | > > Notice the top right-hand image on this page:
| > > http://proboneo.org/MDay2006.htm. I
|
 
V

Vicki

More questions?
So, why does the image appear correct in Design and Preview?

Why not use FP to resize and resample? Those seem to be really nice features
of FP, ones I have used from the very start?

Thanks,
 
V

Vicki

So, then, what is the function of "Preview"?

I don't understand why using the spacebar causes problems. Will using the
Tab key and Enter do the same thing? If so, how is one supposed to arrange
text and images on a page?

Thanks.
 
R

Rob Giordano \(Crash\)

I dunno...but since you are calling a bad image that's what you're gonna see
on the web...the messed up one.

FP's image editing is not very good. Use a third party image
editor...Photoshop, Photoshop Elements, and a zillion other good ones that
escape my memory at the moment.

IrFanview is excellent (and free) for resizing, optimizing, batch
processing, converting etc...you should download this and put it in your box
of tools.


| More questions?
| So, why does the image appear correct in Design and Preview?
|
| Why not use FP to resize and resample? Those seem to be really nice
features
| of FP, ones I have used from the very start?
|
| Thanks,
| --
| Vicki
|
|
| "Rob Giordano (Crash)" wrote:
|
| > That's exactly how the image looks in real life:
| > http://proboneo.org/Poscard Front Single.jpg
| >
| > you'll need to fix the image itself - with an image editor (not FP)
|
 
E

E. T. Culling

By placing the various elements in table cells. If done correctly you won't
use the spacebar, Tab or Enter to position things. And absolutely don't use
Absolute Positioning unless you truly understand it.
Eleanor
 
V

Vicki

Well, I can certainly do that. I have both Digital Imaging and Paintshop Pro,
but it's too bad that functions in the software work less than anticipated
or expected.

I get more and more disillusioned with FP the longer I work with it.

Thanks, Rob.
 
V

Vicki

Are you saying EVERYTHING should be in tables? I use tables a lot, but it
never occurred to me that FP would be a table-function software.

And, no, I don't use absolute positioning unless I want it.

Thanks, Eleanor.
 
R

Ronx

Preview is a quick impression of the finished web page. It is
*occasionally* accurate, but that depends on the page content.
Preview mode is a version of Internet Explorer - most of IE is there,
but some bits are different, which affect the display. The only true
preview is in a real browser, and you should preview in both IE and
FireFox.

The spacebar uses space characters, and characters vary in size from
browser to browser (depending on how the font is specified, font-size
to font-size. Add to this, it is impossible to prevent a user from
changing the font or font-size you are recommending in your HTML -
hence layout based on the spacebar goes right out of the window.

Tabs are interpreted by HTM:L as a single space character, and so is
the Enter key. All White Space characters are interpreted as single
space characters, except the non-breaking spaces which are interpreted
as a sequence of spaces.

Page layout is best done with tables and divs, and CSS, but there are
other HTML elements that can be used for layout as well.
 
R

Rob Giordano \(Crash\)

I think MS tried to design FP to do too much, it shouldn't do any image
editing. You will find yourself using different tools to do special things,
no one tool can do it all well. I use Photoshop for images, Xara Xtreme or
Illustrator for graphics, Top Style Pro for CSS.

Don't get disillusioned because your hammer can't weld metal :)


| Well, I can certainly do that. I have both Digital Imaging and Paintshop
Pro,
| but it's too bad that functions in the software work less than
anticipated
| or expected.
|
| I get more and more disillusioned with FP the longer I work with it.
|
| Thanks, Rob.
| --
| Vicki
|
|
| "Rob Giordano (Crash)" wrote:
|
| > I dunno...but since you are calling a bad image that's what you're gonna
see
| > on the web...the messed up one.
| >
| > FP's image editing is not very good. Use a third party image
| > editor...Photoshop, Photoshop Elements, and a zillion other good ones
that
| > escape my memory at the moment.
| >
| > IrFanview is excellent (and free) for resizing, optimizing, batch
| > processing, converting etc...you should download this and put it in your
box
| > of tools.
| >
| >
| > | > | More questions?
| > | So, why does the image appear correct in Design and Preview?
| > |
| > | Why not use FP to resize and resample? Those seem to be really nice
| > features
| > | of FP, ones I have used from the very start?
| > |
| > | Thanks,
| > | --
| > | Vicki
| > |
| > |
| > | "Rob Giordano (Crash)" wrote:
| > |
| > | > That's exactly how the image looks in real life:
| > | > http://proboneo.org/Poscard Front Single.jpg
| > | >
| > | > you'll need to fix the image itself - with an image editor (not FP)
| > |
| >
| >
| >
 
R

Rob Giordano \(Crash\)

Same for Word, don't use spacebar to position stuff.


| Thank you. Most appreciated.
| --
| Vicki
|
|
| "Ronx" wrote:
|
| > Preview is a quick impression of the finished web page. It is
| > *occasionally* accurate, but that depends on the page content.
| > Preview mode is a version of Internet Explorer - most of IE is there,
| > but some bits are different, which affect the display. The only true
| > preview is in a real browser, and you should preview in both IE and
| > FireFox.
| >
| > The spacebar uses space characters, and characters vary in size from
| > browser to browser (depending on how the font is specified, font-size
| > to font-size. Add to this, it is impossible to prevent a user from
| > changing the font or font-size you are recommending in your HTML -
| > hence layout based on the spacebar goes right out of the window.
| >
| > Tabs are interpreted by HTM:L as a single space character, and so is
| > the Enter key. All White Space characters are interpreted as single
| > space characters, except the non-breaking spaces which are interpreted
| > as a sequence of spaces.
| >
| > Page layout is best done with tables and divs, and CSS, but there are
| > other HTML elements that can be used for layout as well.
| > --
| > Ron Symonds - Microsoft MVP (FrontPage)
|
|
 
V

Vicki

Perhaps you're right. I see the functions; I expect them to work.

I like your imagery...I just thought my hammer was MEANT to do all things FP.

Thanks for your help, Rob. Most appreciated.
 
R

Rob Giordano \(Crash\)

No problem.
I was kinda disappointed too, when after spending big bucks on Photoshop I
discovered it doesn't do graphics well...then spend more money on a vector
graphics program.


| Perhaps you're right. I see the functions; I expect them to work.
|
| I like your imagery...I just thought my hammer was MEANT to do all things
FP.
|
| Thanks for your help, Rob. Most appreciated.
|
| --
| Vicki
|
|
| "Rob Giordano (Crash)" wrote:
|
| > I think MS tried to design FP to do too much, it shouldn't do any image
| > editing. You will find yourself using different tools to do special
things,
| > no one tool can do it all well. I use Photoshop for images, Xara Xtreme
or
| > Illustrator for graphics, Top Style Pro for CSS.
| >
| > Don't get disillusioned because your hammer can't weld metal :)
| >
|
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top