Re: WYSIWYG

Tech-Archive recommends: Repair Windows Errors & Optimize Windows Performance

HiYa Spike,

First http://www.technicalsystemsaz.com/camera :
I have the dubious advantage of watching this page load slowly with a
dial-up connection. As far as the space between the image and the text box,
part of that is that the image has transparent space around it. If you open
the image in an image editor you will see the area to the right of the
actual image. The text box also has a default margin from the sides and the
top and bottom. Unless you changed that, it is 3.8003 px. Between the extra
transparent area on the side of the image and the margin in the text box,
the two design elements will have some space between them when you produce
the html.

You can change the side margins by going to Format > Text box > Text box tab
and changing the margins there. And I suppose you could crop your image a
little tighter on the sides if you want the two design elements "closer".

As per the vertical space taken by the text varying, I suspect that you have
varied the line spacing by going to Format > Paragraph and tried to increase
the spacing between the lines from 1, so that it looks better to you in the
Publisher file. It also takes up more vertical space, but when you convert
to html, Publisher reverts back to single space when it converts to html,
and thus the text box now takes up less vertical space...it tis shorter.
This is an example of one of those print formatting techniques that works
fine in print, but doesn't in a web publication. The Publisher coding engine
chokes on trying to add spacing between the lines. In general don't use
special paragraph formatting in a web page.

Now as per www.technicalsystemsaz.com/design:

I think your problem with this page being so messed up in FF has to do with
the gradient filled text box with the border that you have tried to use as a
"background". You know I am not much for reading code, but it appears that
you have your page setup as 760 pixels wide. And yet that background image
is 1442 X 1347, which also makes your page width that wide, instead of 760.
See http://www.technicalsystemsaz.com/design_image318.gif . I suspect that
you have overlapped that "background" into the scratch area. Run the design
checker and it will likely flag it, otherwise, enable the Snap To function
in Publisher. Arrange > Snap and check all three options. Now when you pull
the side of the text box toward the edge of the publication it should just
snap to the edge and not overlap. And you might consider removing the
border. Most pages do not have a border around them, especially if you are
trying to use a gradient to "soften" the edges.

Fix the gradient text box, and see if that doesn't fix the problems you are
having. And if I missed the point, or you have other issues, please post
back.

DavidF


"Spike" <woodchipsnospam@xxxxxxxxxxx> wrote in message
news:eksQXz0mIHA.3532@xxxxxxxxxxxxxxxxxxxxxxx
WYSIWYG is WYSI not WYG when using publisher 2007 and MSIE or FireFox

A simple sample is at www.technicalsystemsaz.com/camera

The above is a sample part of a page that I am having a problem with. In
Publisher the text fills the vertical area of the camera picture. In MSIE
7 the test only covers approximately 80% of the vertical area. Thus there
are white spaces between objects and text boxes unless I overlap items.
So in MSIE 7 I have a fix (sort of). Then someone used FireFox on the
page and there are more issues. The text overlaps objects and the
background is distorted.

The real life page that shows it all is: www.technicalsystemsaz.com/design
With MSIE there are no white spaces and no overlaps
With FireFox the text and graphics overlap and the background is messed
up.

Any ideas? Any posts that cover this already (I did not find one)?

But thanks to this forum and the users the pages are centered :)

Spike


.

Relevant Pages

  • Re: WYSIWYG
    ... When you apply a gradient fill in Publisher as you did it actually uses a long skinny "line" that has the gradient and then expands that line or widens that line to fill the text box with the gradient....I think. ... that left me with default which is Georgia Font at 9.2 with line spacing at 1.12. ... Now when you pull the side of the text box toward the edge of the publication it should just snap to the edge and not overlap. ...
    (microsoft.public.publisher.webdesign)
  • Re: WYSIWYG
    ... When you apply a gradient fill in Publisher as you did it actually uses a long skinny "line" that has the gradient and then expands that line or widens that line to fill the text box with the gradient....I think. ... that left me with default which is Georgia Font at 9.2 with line spacing at 1.12. ... Now when you pull the side of the text box toward the edge of the publication it should just snap to the edge and not overlap. ...
    (microsoft.public.publisher.webdesign)
  • Re: WYSIWYG
    ... When you apply a gradient fill in Publisher as you did it actually uses a long skinny "line" that has the gradient and then expands that line or widens that line to fill the text box with the gradient....I think. ... that left me with default which is Georgia Font at 9.2 with line spacing at 1.12. ... Now when you pull the side of the text box toward the edge of the publication it should just snap to the edge and not overlap. ...
    (microsoft.public.publisher.webdesign)
  • Re: WYSIWYG
    ... that left me with default which is Georgia Font at 9.2 with line spacing at 1.12. ... Sometimes if you use an odd size font size in a Publisher web, publisher will produce an even size font when you convert to html. ... Now when you pull the side of the text box toward the edge of the publication it should just snap to the edge and not overlap. ...
    (microsoft.public.publisher.webdesign)
  • Re: WYSIWYG
    ... When you apply a gradient fill in Publisher as you ... that left me with default which is Georgia Font at 9.2 with line spacing ... So I created a NEW style Verdana 10 with line spacing at 1 based on ... publication it should just snap to the edge and not overlap. ...
    (microsoft.public.publisher.webdesign)