Re: 96 DPI /120 DPI conflict - a possible solution

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

Shaun,

Thanks for your work. Hopefully MSFT will come up with a change to the html
coding engine, and address this issue permanently.

DavidF

<Shaun.Hurd@xxxxxxxxx> wrote in message
news:1181101038.509878.194690@xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Hi All,

I'm just a newbie to this whole website/Publisher business, but after
having some problems displaying our new website on different PC's I
stumbled across this newsgroup - which has been an absolute mine of
information (thank-you all!) I have also been having problems getting
our website to display properly on 120DPI widescreen laptops. I tried
grouping all of the objects on each page as you have suggested, and
although it improved the layout in IE7, I found that it was still not
identical to the original 96DPI layout. The other downside (as you
alluded to, Robert) was that all of the text-based hyperlinks
disappeared in Firefox. The quality of the text and images were also
degraded when viewed in Firefox (something to do with the grouping of
objects?).

However, after a bit of playing around with the HTML code (which I'm
also new to), it looks to me like one of the problems is with the way
that objects are positioned on-screen, using either point or pixel-
based measurements. For example, to display a particular image on our
website, Publisher 2007 generated the following code:

[if gte vml 1]><v:rect
id="_x0000_s1273" style='position:absolute;left:293.25pt;top:
136.5pt;width:312pt;height:57.21pt;
...
</v:rect><![endif]
[if !vml]><span style='position:absolute;z-index:164;left:
391px;top:182px;width:416px;height:76px'>
<img width=416 height=76 src="index_files/image3451.gif"
v:shapes="_x0000_s1273">
</span><![endif]

So from my novice viewpoint, it looks like if VML is used (in IE6 or
IE7, but not Firefox?) then the image is positioned using pt-based
coordinates

("left:293.25pt;top:136.5pt;width:312pt;height:57.21pt")

but if VML isn't used then the image is positioned using pixels

("left:391px;top:182px;width:416px;height:76px").

I found that if I manually went through the HTML code and replaced the
"left" and "top" point coordinates in the VML reference with pixel
coordinates, that the page then displayed correctly at 120DPI. So in
the previous example, I changed the first part of the code to be:

[if gte vml 1]><v:rect
id="_x0000_s1273" style='position:absolute;left:391px;top:
182px;width:312pt;height:57.21pt;
...
</v:rect><![endif]

Note that I didn't change the "width" or "height" scaling factors. I
also didn't have to reposition every object on the page - only the
textboxes and pictures, but not the lines. Obviously this solution
isn't appropriate for a huge site, but for my purposes it only took a
short period of time to complete (our site consists of only 7 pages).
But it looks to me like a simple change to the engine generating the
HTML code would fix a lot of the display problems that are occurring.
And as people have commented before, this is only going to become more
of an issue in the future with an increasing uptake of higher-res
screens.

Shaun



.

Relevant Pages

  • Re: web preview good, wrong html code when opened in ftp.
    ... In addition to Don's suggestion about cleaning up your website, ... when I viewed your site that you have a lot of overlapping elements. ... > and open the pages to view html code there is code from ...
    (microsoft.public.publisher.webdesign)
  • Re: 96 DPI /120 DPI conflict - a possible solution
    ... having some problems displaying our new website on different PC's I ... our website to display properly on 120DPI widescreen laptops. ... disappeared in Firefox. ... after a bit of playing around with the HTML code (which I'm ...
    (microsoft.public.publisher.webdesign)
  • Re: web preview good, wrong html code when opened in ftp.
    ... This recreates all the website files. ... When I transfer to FTP> and open the pages to view html code there is code from> other pages, some correct html, old html from previous> web versions, distorted photos, but in general way too> much in very wrong sequences, etc. ... > Margaret K. ...
    (microsoft.public.publisher.webdesign)
  • Web Easy 7 Express Edition Serial number
    ... Web Easy Professional is a website design software which allows users ... with no HTML knowledge to build professional looking websites. ... Automatically generates HTML code for your website ...
    (comp.software.shareware.announce)
  • Re: SENDING EMAIL WITH IMAGES IN BODY
    ... a web server so they display in an email formatted in html sent by the email ... The email would have to be HTML. ... create the HTML code and then use that for the ... by-pass the Send Email command completely. ...
    (comp.databases.filemaker)