Re: WYSIWYG

Tech Tip: Click here to run a free scan for Windows Errors and optimize PC performance

WOW David

That is scary! I was just about to try the left and right individual
textured boxes. Was formulating a plan in my mind and then decided to look
at this forum before I started the procedure of testing same and your
message popped up. The "Client" wants the faded sides. Can't talk them out
of it so far. The "Client" is always right, Right? They (Client) tell me
that I am like a dog on a bone. I will chew that thing until there is
nothing left. If I haven't solved the issue I get another bone and start
chewing. That seems to be the atmosphere of this forum. The answer is out
there somewhere just waiting to be found. I have done some web searching
on other forums and the issue is there without a solid solution YET !

Spike

"DavidF" <Nope@xxxxxxxxxx> wrote in message news:%23JiVCZxnIHA.4536@xxxxxxxxxxxxxxxxxxxxxxx
Spike,

Thanks for the feedback. Your experience seems consistent with others. If you can get a page to look ok in FF, then it will look ok on a MAC. That is part of the reason I keep preaching that Publisher webs should be tested in IE and FF. If you get those covered, you have got most browsers covered...including MACs and Opera browsers.

I still think you need to get that background text box with the gradient removed....or redesigned. 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. The effect works fine in IE, but not as well in FF. In FF it ends up looking a bit like what happens when you enlarge a small image...the larger the image, the more pixilated it gets. The "enlarged" gradient line leaves some "banding" or "striations" in most cases when you view in FF. In your case, you have overlapped into the scratch area and are getting even worse.

If you insist on trying to use some gradient, and don't want to put it in the background instead of the green curly design, then you may always have this problem. However, you might also consider breaking that text box up into two text boxes and applying the gradients to those, with one fading to the left, and one fading to the right. If the text box is half as wide, you might get less distortion of the gradient...just an idea.

DavidF

"Spike" <woodchipsnospam@xxxxxxxxxxx> wrote in message news:upTpxWqnIHA.4292@xxxxxxxxxxxxxxxxxxxxxxx
David ~!

Just discovered that the MAC Apple machine does the same thing that Firefox does. It does not like the gradient fill either.
I did change all the fonts to even numbers and now there is no overlapping of graphics and text.

Thanks for the assistance

BTW: it's getting warm here in the Great Sonoran Desert. We will just turn up the AC and build more web pages.

Spike


"Spike" <woodchipsnospam@xxxxxxxxxxx> wrote in message news:%23Y28Om$mIHA.1368@xxxxxxxxxxxxxxxxxxxxxxx
DAVID ~!

WOW you hit on it. I took your suggestion and cleared the format. Well, that left me with default which is Georgia Font at 9.2 with line spacing at 1.12.
WYSI not WYG using MSIE 7

So I created a NEW style Verdana 10 with line spacing at 1 based on normal
We have WYSIWYG YEAH!!!!!

Then I started playing with the style i.e.. font size etc I went to odd numbers and and non integers. Some sizes OK while others are just a tick off but usable. I am much further ahead than I was before your input and creating new styles. THANK YOU! Resizing the text box has a slight effect on some text positioning. A word may be on one line in publisher but fall to the next line in MSIE. I can live with that one. The line spacing and the white space are now the same.

Cannot change line spacing, you are correct that it must be set to 1 (as far as I tested) Why the default is 1.12 is a mystery. I would think that the web selection would have reset it to 1. MS needs to address that one.

I fired up fire fox and viewed the camera page now they are the same TEXT wise. I did noticed that the image (transparent gif) was different. It did not display as well in fire fox as it did in MSIE 7. Can't win them all. www.technicalsystemsaz.com/FF/camera.htm is where I put the latest test.

I will work on the main site next (create all new styles).

Then I am off to work on a common background. Fire fox did the same thing to the background as it did to the transparent image.

I will let you know what I come up with !!

Hope the efforts we made here can assist others.

Spike



"DavidF" <Nope@xxxxxxxxxx> wrote in message news:OtkY3f9mIHA.4684@xxxxxxxxxxxxxxxxxxxxxxx
Spike,

Try going to Format > Styles and click Clear Formatting, and see if that changes the vertical spacing.

What size font are you using? 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. I didn't think this happened with Pub 2007, but if you are using a font size of 13, try 12 instead, and see if that renders more accurately.

I think I also remember reading somewhere that different fonts are rendered slightly different sizes by IE and FF. What happens if you switch to a different font?

If you are interested, upload the Publisher file that you used to create your test page: http://www.technicalsystemsaz.com/camera using http://www.yousendit.com/ and email a link to yourself, then post the link here so I can download the Publisher file and play with it. Maybe then I can see why the text is shrinking so much.

As to the background, are you saying that you can't resize it so that it does not overlap into the scratch area? If you fix that issue I suspect the problem with the text will be fixed on that page, as I think it is the cause of the overlapping text and images. I looked at other pages on the site, and you don't have the same issue. Something you are doing is converting the text into an image, which doesn't happen on other pages. I suspect it is because of the background image being in the scratch area, but it is possible it is something else. Once again, if you want to upload a copy of a Pub file with just that one page to yousendit, I will see if I can come up with a better solution. Please check the files size and if it is more than a meg or so, delete a few of the images before you upload.

I wouldn't give up on trying to find a cross browser compatible design. In general there is usually a solution...I'll keep thinking about it.

DavidF

"Spike" <woodchipsnospam@xxxxxxxxxxx> wrote in message news:%23so%23s23mIHA.4664@xxxxxxxxxxxxxxxxxxxxxxx
David

Thanks for the reply:

My paragraph default in 2007 is 1.21 line spacing.

I changed it to 1 and still when publishing to the web as an htm or html file the vertical size of the block of text is smaller. Also I noticed that the words on each line are not always the same. Some words end up on the nest line. I went to less than 1 line spacing and the results follow even smaller. I do not get a line spacing of 1 as a default when published. It appears that the font size becomes smaller when published. I am using Verdana which is a web font. The saga continues. As for the rest of your reply, YES I did play around with the pseudo background. I am aware that that it is out of the ordinary. I was asked to do a fade from screen edge to edge and the background function left me with sharp lines as we are using different size monitor widths and resolutions. I do use design checker and it did tell me exactly what you said about the over sized image. At the present time we have a tag line on the opening page "Best when viewed with Microsoft Internet Explorer". So I am back at square one. FF is a thorn in my side. David, I do appreciate you response. Sometimes my pickiness causes more problems than I am worth.

Since Publisher 2007 and MSIE are are in house programs they can be made to work together with some maneuvering. Not so lucky with FF.

Spike


"DavidF" <Nope@xxxxxxxxxx> wrote in message news:%23QkOj92mIHA.4076@xxxxxxxxxxxxxxxxxxxxxxx
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
    ... IE and FF look at font sizes ... Ditto for using line spacing at 102 percent. ... in a Publisher web, publisher will produce an even size font when you ... publication it should just snap to the edge and not overlap. ...
    (microsoft.public.publisher.webdesign)
  • Re: WYSIWYG
    ... Of course you don't have these choices with Publisher because it's designd ... IE and FF look at font sizes ... Ditto for using line spacing at 102 percent. ... 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
    ... What size font are you using? ... a Publisher web, publisher will produce an even size font when you convert ... My paragraph default in 2007 is 1.21 line spacing. ... You can change the side margins by going to Format> Text box> Text box ...
    (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)