M
Maxi
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.
In screen resolution 800 X 600, if I insert a pictures of 24 X 24 pixel
in the cells it takes up the entire cell size (ideally it should as the
cell size is also 24 X 24 pixel) and If I change the screen resolution
to 1152 X 864 the picture is there but it does not take up the entire
cell size. Little bit of surrounding area is visible.
I know the reason, when you change the screen resolution, it has more
pixels to display hence the problem.
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?
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.
Is there any way out? I hope I have explained my problem properly. I
think it is not possible.
In that case if I remove the 100% table height width criteria, then on
800 X 600 screen resolution, it will take up the entire browser window
and if I chang the resolution to 1152 X 864, the table will appear in
the center leaving extra space in the background. Right? If yes, how
can I avoid this? I want to take up full explorer area regardless of
the screen resolution.
Is there any way in javascript to detect the system's screen resolution
first and accordingly resize the pictures?
For instance If i have pictures of 50 X 50 pixels then,
If screen resolution is 800 X 600, resize it to 24 X 24
if screen resolution is 1280 X 720, resize it to 32 X 32
if screen resilution is 1152 X 864, resize it to 40 X 70
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.
In screen resolution 800 X 600, if I insert a pictures of 24 X 24 pixel
in the cells it takes up the entire cell size (ideally it should as the
cell size is also 24 X 24 pixel) and If I change the screen resolution
to 1152 X 864 the picture is there but it does not take up the entire
cell size. Little bit of surrounding area is visible.
I know the reason, when you change the screen resolution, it has more
pixels to display hence the problem.
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?
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.
Is there any way out? I hope I have explained my problem properly. I
think it is not possible.
In that case if I remove the 100% table height width criteria, then on
800 X 600 screen resolution, it will take up the entire browser window
and if I chang the resolution to 1152 X 864, the table will appear in
the center leaving extra space in the background. Right? If yes, how
can I avoid this? I want to take up full explorer area regardless of
the screen resolution.
Is there any way in javascript to detect the system's screen resolution
first and accordingly resize the pictures?
For instance If i have pictures of 50 X 50 pixels then,
If screen resolution is 800 X 600, resize it to 24 X 24
if screen resolution is 1280 X 720, resize it to 32 X 32
if screen resilution is 1152 X 864, resize it to 40 X 70