Re: Resizing images per screen resolution



That was really helpful. May be I need to re-think on the design of my
html file.

Thomas 'PointedEars' Lahn wrote:
Maxi wrote:

I have a 30X16 cells table in my html page. Table height and width are
set to 100%. I have set size of every cell inside the table to 24
pixel.

When I open the html page in maximize state in either resolution 800 X
600 or 1152 X 864 it takes up the entire explorer size.

No, it does not. You are having the common misconception that the display
resolution would have anything to do with the viewport size, because you
think that all people run their browsers in full screen mode (that is even
more than "full screen" window size; enlightening example for the latter:
<URL:http://dorward.me.uk/tmp/fullscreen.jpeg>).

I know the reason, when you change the screen resolution, it has more
pixels to display hence the problem.

That is not quite correct. With greater display resolution, there is more
space that any window can possibly occupy (up to full screen mode in some
browsers [type F11 in Geckos and IE]), hence more space the viewport of a
window can possibly occupy. However, the same thing happens when the
window is enlarged and the display resolution stays the same. And the
opposite happens with a smaller-than-fullscreen-sized window and the same
display resolution.

What I want to know is, if I use pictures of 50 X 50 pixels into those
tiny 24 X 24 pixel cells, can id grow and shrink automatically
detecting the screen resolution?

You cannot detect the screen resolution, and even if you could, that would
not help you in any way (see the above screenshot). You can detect the
viewport size, but that would not help if client-side script support was
not present.

Note:
1. I want each cell size to be 24 X 24 pixels. I Cannot modify this
requirement.
2. I want the table height and width set to 100%. Cannot modify this
either.

If you stopped misusing tables (there is no tabular data here) and used
floating elements (floats) for each slide instead, you would not have this
problem in the first place.

<URL:http://www.w3.org/TR/CSS/visuren.html#floats>

And certainly you do not want to resize the images according to display
resolution. Think about the effect on image display quality; a Web
browser is not an image manipulation program with built-in sophisticated
methods such as cubic scaling, anti-aliasing etc.


PointedEars

.



Relevant Pages

  • Re: Poor Programming when Windows cannot be resized?
    ... able to personalize the display to make the text more readable by ... scale the font to 120dpi from the standard 96 dpi. ... gadgets to resize the window. ... screen has a native resolution. ...
    (microsoft.public.windows.vista.general)
  • Re: Resizing images per screen resolution
    ... When I open the html page in maximize state in either resolution 800 X ... You are having the common misconception that the display ... tiny 24 X 24 pixel cells, can id grow and shrink automatically ... not help you in any way (see the above screenshot). ...
    (comp.lang.javascript)
  • Re: F9 EeePC add/remove trouble
    ... including the panel etc., but not one window. ... The display config ... If you do have the wrong screen resolution, ... window then the fix will be there if at all and not in the display ...
    (Fedora)
  • Re: Resolution issue when configuring MCE w/1080i/p flat panel tv
    ... Ok you switched to 720p and you changed your PC application desktop resolution to 1280x720 so that your desktop and your display were at the same resolution. ... If it opened in full screen mode you then use the Restore Down icon in the upper right hand coner so that MC would appear in a window instead of in full screen mode and then try playing a DVD using MC ... If you go into the menu to set up TV in MCE it will> allow ...
    (microsoft.public.windows.mediacenter)
  • Re: F9 EeePC add/remove trouble
    ... including the panel etc., but not one window. ... The display config ... If you do have the wrong screen resolution, ... window then the fix will be there if at all and not in the display ...
    (Fedora)

Loading