Resolution problems

M

mita

Hi guys
My website looks fine on large screen monitors but gets stretched when
viewed on small screen (15") screen .I have used DWT to create my site and
when I autostretch my main table, everything just gets displaced and falls
all over the place.
Here is the link: www.sissal.govt.nz
I have uploaded just few pages so only one or two pages are working but i am
concerned about the resolution
At the moment, the site is password protected as its under construction and
I really cant risk to show such distorted website to my General manager.

User name : mita
Password: sissal

Please help me guys


Thanks
 
S

Stefan B Rusynko

Nothing to do w/ monitor size
Everything to do w/ screen resolution

Your site is designed w/ fixed table heights and widths
Redesign it w/ % width tables (no heights), or in table that add up to less than ~ 760 px (for 800 px screen minimums)

PS
While you are at it
- File import all you files before you link to them
(right now many of your links point to your hard disc
- Remove all spaces from all file/folder names
(breaks links)
- Don't use word/shape art
(only supported well by IE and uses absolute positioning)

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
_____________________________________________


| Hi guys
| My website looks fine on large screen monitors but gets stretched when
| viewed on small screen (15") screen .I have used DWT to create my site and
| when I autostretch my main table, everything just gets displaced and falls
| all over the place.
| Here is the link: www.sissal.govt.nz
| I have uploaded just few pages so only one or two pages are working but i am
| concerned about the resolution
| At the moment, the site is password protected as its under construction and
| I really cant risk to show such distorted website to my General manager.
|
| User name : mita
| Password: sissal
|
| Please help me guys
|
|
| Thanks
 
M

mita

Hi Stephan
As per your suggestions, I have made few changes
I have set the table width to 100%. but it still looks stretched on small
screen monitors.

website: www.sissal.govt.nz
username: mita
p/w : sissal
 
R

Ronx

Large images do not help.
<img border="0" src="images/FinalBanner.bmp" width="1222" height="169">

This should be converted to a .jpg or .gif to reduce the file size, and
it can be reduced to a half of its length (or less) by cropping off the
solid coloured ends- these can be replaced by a cell background colour
or background image, with the centre section of the banner centered in
the cell. This also allows the banner area to expand and contract with
the browser without affecting the image.

<img border="0" src="images/punganew.bmp" width="128" height="94"> and
all other .bmp images should also be converted to .jpg. .bmp images do
not display in all browsers, and are considerably larger (file size)
than .jpg versions.

Also change
<table id="m12mainSXMenu2" cellspacing="1" cellpadding="4"
style=";width:818px">

To

<table id="m12mainSXMenu2" cellspacing="1" cellpadding="4"
style=";width:100%">

The 818px for this table plus the navigation hold the page open to
1024px width - not suitable for smaller browser portals.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
FrontPage Support: http://www.frontpagemvps.com/
http://www.rxs-enterprises.org/fp



Hi Stephan
As per your suggestions, I have made few changes
I have set the table width to 100%. but it still looks stretched on small
screen monitors.

website: www.sissal.govt.nz
username: mita
p/w : sissal

Stefan B Rusynko said:
Nothing to do w/ monitor size
Everything to do w/ screen resolution

Your site is designed w/ fixed table heights and widths
Redesign it w/ % width tables (no heights), or in table that add up to less than ~ 760 px (for 800 px screen minimums)

PS
While you are at it
- File import all you files before you link to them
(right now many of your links point to your hard disc
- Remove all spaces from all file/folder names
(breaks links)
- Don't use word/shape art
(only supported well by IE and uses absolute positioning)

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
_____________________________________________


| Hi guys
| My website looks fine on large screen monitors but gets stretched when
| viewed on small screen (15") screen .I have used DWT to create my site and
| when I autostretch my main table, everything just gets displaced and falls
| all over the place.
| Here is the link: www.sissal.govt.nz
| I have uploaded just few pages so only one or two pages are working but i am
| concerned about the resolution
| At the moment, the site is password protected as its under construction and
| I really cant risk to show such distorted website to my General manager.
|
| User name : mita
| Password: sissal
|
| Please help me guys
|
|
| Thanks
 
M

mita

Hi Ronx
Thanks for your help.
well at the moment as you may have noticed, I have saved my image as .bmp .
I used MS paint to save the image and when I try to convert it to Jpeg or
Gif, the image gets distorted. I dont have photoshop. Is there an easy way
out to somehow save the image in Jpeg without losing its resolution?

I am taking this picture from a webpage and then I hit printscreen and copy
it to Paint and save it as bmp.

Please help guys

Cheers
Mita







Ronx said:
Large images do not help.
<img border="0" src="images/FinalBanner.bmp" width="1222" height="169">

This should be converted to a .jpg or .gif to reduce the file size, and
it can be reduced to a half of its length (or less) by cropping off the
solid coloured ends- these can be replaced by a cell background colour
or background image, with the centre section of the banner centered in
the cell. This also allows the banner area to expand and contract with
the browser without affecting the image.

<img border="0" src="images/punganew.bmp" width="128" height="94"> and
all other .bmp images should also be converted to .jpg. .bmp images do
not display in all browsers, and are considerably larger (file size)
than .jpg versions.

Also change
<table id="m12mainSXMenu2" cellspacing="1" cellpadding="4"
style=";width:818px">

To

<table id="m12mainSXMenu2" cellspacing="1" cellpadding="4"
style=";width:100%">

The 818px for this table plus the navigation hold the page open to
1024px width - not suitable for smaller browser portals.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
FrontPage Support: http://www.frontpagemvps.com/
http://www.rxs-enterprises.org/fp



Hi Stephan
As per your suggestions, I have made few changes
I have set the table width to 100%. but it still looks stretched on small
screen monitors.

website: www.sissal.govt.nz
username: mita
p/w : sissal

Stefan B Rusynko said:
Nothing to do w/ monitor size
Everything to do w/ screen resolution

Your site is designed w/ fixed table heights and widths
Redesign it w/ % width tables (no heights), or in table that add up to less than ~ 760 px (for 800 px screen minimums)

PS
While you are at it
- File import all you files before you link to them
(right now many of your links point to your hard disc
- Remove all spaces from all file/folder names
(breaks links)
- Don't use word/shape art
(only supported well by IE and uses absolute positioning)

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
_____________________________________________


| Hi guys
| My website looks fine on large screen monitors but gets stretched when
| viewed on small screen (15") screen .I have used DWT to create my site and
| when I autostretch my main table, everything just gets displaced and falls
| all over the place.
| Here is the link: www.sissal.govt.nz
| I have uploaded just few pages so only one or two pages are working but i am
| concerned about the resolution
| At the moment, the site is password protected as its under construction and
| I really cant risk to show such distorted website to my General manager.
|
| User name : mita
| Password: sissal
|
| Please help me guys
|
|
| Thanks
 
T

Trevor L.

mita said:
Hi Ronx
Thanks for your help.
well at the moment as you may have noticed, I have saved my image as .bmp
.
I used MS paint to save the image and when I try to convert it to Jpeg or
Gif, the image gets distorted. I dont have photoshop. Is there an easy way
out to somehow save the image in Jpeg without losing its resolution?

I am taking this picture from a webpage and then I hit printscreen and
copy
it to Paint and save it as bmp.

Please help guys


I am thinking that all you need to do is to open the file as .bmp and save
it as .jpg

I don't know why Paint would not do it.

Try the free IrfanView www.irfanview.com
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
----------------------------------------
 
M

mita

Hi
Paint is doing that but after it saves it as jpg, the resolution gets
distorted

Trevor L. said:
mita said:
Hi Ronx
Thanks for your help.
well at the moment as you may have noticed, I have saved my image as .bmp
.
I used MS paint to save the image and when I try to convert it to Jpeg or
Gif, the image gets distorted. I dont have photoshop. Is there an easy way
out to somehow save the image in Jpeg without losing its resolution?

I am taking this picture from a webpage and then I hit printscreen and
copy
it to Paint and save it as bmp.

Please help guys


I am thinking that all you need to do is to open the file as .bmp and save
it as .jpg

I don't know why Paint would not do it.

Try the free IrfanView www.irfanview.com
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
 
T

Trevor L.

mita said:
Hi
Paint is doing that but after it saves it as jpg, the resolution gets
distorted

Can you post an example, e.g. the URL of the web page.

Maybe it is something I can't help with, but it sounds odd.

--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
----------------------------------------
 
M

mita

Hi guys

I have made some changes.. DOes it look any better now??

www.sissal.govt.nz
username - mita
password- sissal

Trevor L. said:
mita said:
Hi Ronx
Thanks for your help.
well at the moment as you may have noticed, I have saved my image as .bmp
.
I used MS paint to save the image and when I try to convert it to Jpeg or
Gif, the image gets distorted. I dont have photoshop. Is there an easy way
out to somehow save the image in Jpeg without losing its resolution?

I am taking this picture from a webpage and then I hit printscreen and
copy
it to Paint and save it as bmp.

Please help guys


I am thinking that all you need to do is to open the file as .bmp and save
it as .jpg

I don't know why Paint would not do it.

Try the free IrfanView www.irfanview.com
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
 
T

Trevor L.

mita said:
Hi guys

I have made some changes.. DOes it look any better now??

www.sissal.govt.nz
username - mita
password- sissal


I don't know the entire story, but this looks good except that I have to
scroll on a 1024*768 window

Maybe there are many who use larger windows, but the recommendations I have
read here are to design for a 800*600 window

Try changing the <table> tag to
<table cellpadding="0" cellspacing="0" width="800" >
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
----------------------------------------
 
R

Ronx

You have gone back to fixed width for the main table
<table cellpadding="0" cellspacing="0" width="1223" height="879">

As Stefan said, change this to 100% width, or to a fixed 760px width to
suit 800x600 browsers. Other tables in the page should be checked and
given similar treatment, though the actual widths you apply should be
adjusted to suit the layout.
As it stands, the page requires a screen with at least resolution of
1280x1024 to remove the bottom scrollbar.

--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
FrontPage Support: http://www.frontpagemvps.com/
http://www.rxs-enterprises.org/fp



Hi guys

I have made some changes.. DOes it look any better now??

www.sissal.govt.nz
username - mita
password- sissal

Trevor L. said:
mita said:
Hi Ronx
Thanks for your help.
well at the moment as you may have noticed, I have saved my image as .bmp
.
I used MS paint to save the image and when I try to convert it to Jpeg or
Gif, the image gets distorted. I dont have photoshop. Is there an easy way
out to somehow save the image in Jpeg without losing its resolution?

I am taking this picture from a webpage and then I hit printscreen and
copy
it to Paint and save it as bmp.

Please help guys


I am thinking that all you need to do is to open the file as .bmp and save
it as .jpg

I don't know why Paint would not do it.

Try the free IrfanView www.irfanview.com
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
 
T

Tom Willett

Download the free Irfanview:
www.irfanview.com

--
===
Tom Willett
Microsoft MVP - FrontPage
---
FrontPage Support:
http://www.frontpagemvps.com/
===
| Hi Ronx
| Thanks for your help.
| well at the moment as you may have noticed, I have saved my image as .bmp
..
| I used MS paint to save the image and when I try to convert it to Jpeg or
| Gif, the image gets distorted. I dont have photoshop. Is there an easy way
| out to somehow save the image in Jpeg without losing its resolution?
|
| I am taking this picture from a webpage and then I hit printscreen and
copy
| it to Paint and save it as bmp.
|
| Please help guys
|
| Cheers
| Mita
|
|
|
|
|
|
|
| "Ronx" wrote:
|
| > Large images do not help.
| > <img border="0" src="images/FinalBanner.bmp" width="1222" height="169">
| >
| > This should be converted to a .jpg or .gif to reduce the file size, and
| > it can be reduced to a half of its length (or less) by cropping off the
| > solid coloured ends- these can be replaced by a cell background colour
| > or background image, with the centre section of the banner centered in
| > the cell. This also allows the banner area to expand and contract with
| > the browser without affecting the image.
| >
| > <img border="0" src="images/punganew.bmp" width="128" height="94"> and
| > all other .bmp images should also be converted to .jpg. .bmp images do
| > not display in all browsers, and are considerably larger (file size)
| > than .jpg versions.
| >
| > Also change
| > <table id="m12mainSXMenu2" cellspacing="1" cellpadding="4"
| > style=";width:818px">
| >
| > To
| >
| > <table id="m12mainSXMenu2" cellspacing="1" cellpadding="4"
| > style=";width:100%">
| >
| > The 818px for this table plus the navigation hold the page open to
| > 1024px width - not suitable for smaller browser portals.
| > --
| > Ron Symonds - Microsoft MVP (FrontPage)
| > Reply only to group - emails will be deleted unread.
| > FrontPage Support: http://www.frontpagemvps.com/
| > http://www.rxs-enterprises.org/fp
| >
| >
| >
| > | >
| > > Hi Stephan
| > > As per your suggestions, I have made few changes
| > > I have set the table width to 100%. but it still looks stretched on
small
| > > screen monitors.
| > >
| > > website: www.sissal.govt.nz
| > > username: mita
| > > p/w : sissal
| > >
| > > "Stefan B Rusynko" wrote:
| > >
| > > > Nothing to do w/ monitor size
| > > > Everything to do w/ screen resolution
| > > >
| > > > Your site is designed w/ fixed table heights and widths
| > > > Redesign it w/ % width tables (no heights), or in table that add up
to less than ~ 760 px (for 800 px screen minimums)
| > > >
| > > > PS
| > > > While you are at it
| > > > - File import all you files before you link to them
| > > > (right now many of your links point to your hard disc
| > > > - Remove all spaces from all file/folder names
| > > > (breaks links)
| > > > - Don't use word/shape art
| > > > (only supported well by IE and uses absolute positioning)
| > > >
| > > > --
| > > >
| > > > _____________________________________________
| > > > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > > > "Warning - Using the F1 Key will not break anything!" (-;
| > > > _____________________________________________
| > > >
| > > >
| > > > | Hi guys
| > > > | My website looks fine on large screen monitors but gets stretched
when
| > > > | viewed on small screen (15") screen .I have used DWT to create my
site and
| > > > | when I autostretch my main table, everything just gets displaced
and falls
| > > > | all over the place.
| > > > | Here is the link: www.sissal.govt.nz
| > > > | I have uploaded just few pages so only one or two pages are
working but i am
| > > > | concerned about the resolution
| > > > | At the moment, the site is password protected as its under
construction and
| > > > | I really cant risk to show such distorted website to my General
manager.
| > > > |
| > > > | User name : mita
| > > > | Password: sissal
| > > > |
| > > > | Please help me guys
| > > > |
| > > > |
| > > > | Thanks
| > > >
| > > >
| > > >
| >
| >
 
M

mita

Hi
I have converted my images to 'gif' and also made the table width to 100%.
Does it make the website look any better??
Please give me your suggestions if you have any

Address: www.sissal.govt.nz
username - mita
password- sissal




Ronx said:
You have gone back to fixed width for the main table
<table cellpadding="0" cellspacing="0" width="1223" height="879">

As Stefan said, change this to 100% width, or to a fixed 760px width to
suit 800x600 browsers. Other tables in the page should be checked and
given similar treatment, though the actual widths you apply should be
adjusted to suit the layout.
As it stands, the page requires a screen with at least resolution of
1280x1024 to remove the bottom scrollbar.

--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
FrontPage Support: http://www.frontpagemvps.com/
http://www.rxs-enterprises.org/fp



Hi guys

I have made some changes.. DOes it look any better now??

www.sissal.govt.nz
username - mita
password- sissal

Trevor L. said:
Hi Ronx
Thanks for your help.
well at the moment as you may have noticed, I have saved my image as .bmp
.
I used MS paint to save the image and when I try to convert it to Jpeg or
Gif, the image gets distorted. I dont have photoshop. Is there an easy way
out to somehow save the image in Jpeg without losing its resolution?

I am taking this picture from a webpage and then I hit printscreen and
copy
it to Paint and save it as bmp.

Please help guys



I am thinking that all you need to do is to open the file as .bmp and save
it as .jpg

I don't know why Paint would not do it.

Try the free IrfanView www.irfanview.com
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
 
T

Trevor L.

mita said:
Hi
I have converted my images to 'gif' and also made the table width to
100%. Does it make the website look any better??
Please give me your suggestions if you have any

Address: www.sissal.govt.nz
username - mita
password- sissal




Ronx said:
You have gone back to fixed width for the main table
<table cellpadding="0" cellspacing="0" width="1223" height="879">

As Stefan said, change this to 100% width, or to a fixed 760px width
to suit 800x600 browsers. Other tables in the page should be
checked and given similar treatment, though the actual widths you
apply should be adjusted to suit the layout.
As it stands, the page requires a screen with at least resolution of
1280x1024 to remove the bottom scrollbar.

--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
FrontPage Support: http://www.frontpagemvps.com/
http://www.rxs-enterprises.org/fp



Hi guys

I have made some changes.. DOes it look any better now??

www.sissal.govt.nz
username - mita
password- sissal

:

Hi Ronx
Thanks for your help.
well at the moment as you may have noticed, I have saved my image
as .bmp .
I used MS paint to save the image and when I try to convert it
to Jpeg or Gif, the image gets distorted. I dont have photoshop.
Is there an easy way out to somehow save the image in Jpeg
without losing its resolution?

I am taking this picture from a webpage and then I hit
printscreen and copy
it to Paint and save it as bmp.

Please help guys



I am thinking that all you need to do is to open the file as .bmp
and save it as .jpg

I don't know why Paint would not do it.

Try the free IrfanView www.irfanview.com
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
----------------------------------------

It looks OK to me except that the banner does not centre.

I am trying to figure out why that is.

I notice this
Line 20
<div style="position: absolute; top: 14px; left: 373px; width: 495px;
height: 161px; z-index: 1">
This makes the page 868px wide
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
----------------------------------------
 
R

Ronx

Change this:

<td bgcolor="#A0CAE9" valign="top" colspan="2">
<div style="position: absolute; top: 14px; left: 373px; width: 495px;
height: 161px; z-index: 1">
<p align="center">
<span style="font-size: 12.0pt; font-family: Times New Roman">
<img border="0" src="images/logo123.gif" width="495"
height="161"></span></div>
</td>

To

<td bgcolor="#A0CAE9" valign="middle" align="center" colspan="2"><img
border="0" src="images/logo123.gif" width="495" height="161"></td>

Absolute Positioning directly within a table cell will always give
trouble eventually. In this case it is not necessary.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
FrontPage Support: http://www.frontpagemvps.com/
http://www.rxs-enterprises.org/fp



Hi
I have converted my images to 'gif' and also made the table width to 100%.
Does it make the website look any better??
Please give me your suggestions if you have any

Address: www.sissal.govt.nz
username - mita
password- sissal




Ronx said:
You have gone back to fixed width for the main table
<table cellpadding="0" cellspacing="0" width="1223" height="879">

As Stefan said, change this to 100% width, or to a fixed 760px width to
suit 800x600 browsers. Other tables in the page should be checked and
given similar treatment, though the actual widths you apply should be
adjusted to suit the layout.
As it stands, the page requires a screen with at least resolution of
1280x1024 to remove the bottom scrollbar.

--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
FrontPage Support: http://www.frontpagemvps.com/
http://www.rxs-enterprises.org/fp



Hi guys

I have made some changes.. DOes it look any better now??

www.sissal.govt.nz
username - mita
password- sissal

:

Hi Ronx
Thanks for your help.
well at the moment as you may have noticed, I have saved my image as .bmp
.
I used MS paint to save the image and when I try to convert it to Jpeg or
Gif, the image gets distorted. I dont have photoshop. Is there an easy way
out to somehow save the image in Jpeg without losing its resolution?

I am taking this picture from a webpage and then I hit printscreen and
copy
it to Paint and save it as bmp.

Please help guys



I am thinking that all you need to do is to open the file as .bmp and save
it as .jpg

I don't know why Paint would not do it.

Try the free IrfanView www.irfanview.com
--
Cheers,
Trevor L.
[ Microsoft MVP - FrontPage ]
MVPS Website: http://trevorl.mvps.org/
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top