Novice: what's happened here?

[Terry Pinnell]

I've just taken a look at some web pages I created several years ago,
since when I've forgotten most of what little I knew about HTML
coding. Could someone kindly take a look and advise me if there's any
obvious fix I can make to pages like
http://www.terrypin.dial.pipex.com/W...lkphotos05.htm please?

The only one of those four pages that still looks the way it was when
I last viewed them months ago is
http://www.terrypin.dial.pipex.com/W...3/Photos03.htm
which is how I want the other three to be.

No idea what can have happened to change these, but I'm hoping there's
some relatively trivial explanation and fix. Otherwise I have a lot of
re-learning to do before I can isolate it
;-)

--
Terry, East Grinstead, UK

[Peter J Ross]

In comp.infosystems.www.authoring.html on Mon, 25 Aug 2008 17:31:55
+0100, Terry Pinnell <te************@THESEdial.pipex.comwrote:

I've just taken a look at some web pages I created several years ago,
since when I've forgotten most of what little I knew about HTML
coding. Could someone kindly take a look and advise me if there's any
obvious fix I can make to pages like
http://www.terrypin.dial.pipex.com/W...lkphotos05.htm please?

The only one of those four pages that still looks the way it was when
I last viewed them months ago is
http://www.terrypin.dial.pipex.com/W...3/Photos03.htm
which is how I want the other three to be.

All the pages look much alike to me. Considering that they were
apparently generated using FrontPage, they look remarkably good.

No idea what can have happened to change these, but I'm hoping there's
some relatively trivial explanation and fix. Otherwise I have a lot of
re-learning to do before I can isolate it
;-)

What differences do you see between the pages? This is what I see:

<http://pjr.lasnobberia.net/tmp/photos03.png>
<http://pjr.lasnobberia.net/tmp/photos05.png>

What exactly do you want to change?

--
PJR :-)
slrn newsreader (v0.9.9): http://slrn.sourceforge.net/
extra slrn documentation: http://slrn-doc.sourceforge.net/
newsgroup name validator: http://pjr.lasnobberia.net/usenet/validator

[Scott Bryce]

Terry Pinnell wrote:

I've just taken a look at some web pages I created several years ago,
since when I've forgotten most of what little I knew about HTML
coding. Could someone kindly take a look and advise me if there's any
obvious fix I can make to pages like
http://www.terrypin.dial.pipex.com/W...lkphotos05.htm
please?

The only one of those four pages that still looks the way it was when
I last viewed them months ago is
http://www.terrypin.dial.pipex.com/W...3/Photos03.htm which is
how I want the other three to be.

No idea what can have happened to change these, but I'm hoping
there's some relatively trivial explanation and fix. Otherwise I have
a lot of re-learning to do before I can isolate it

Given what the HTML looks like, I'd recommend the re-learning, but...

I suspect that what changed since you built those pages is your monitor.
In the past your browser window was narrow enough to force everything to
line up down the page. Alignment problems showed up when your browser
window was wide enough to allow portions of the page to shift position.

If you are looking for a kludgy quick fix, the page you don't like has
the photos inside a div with the align attribute set to 'center'. There
is also a center tag below that. Remove these, and their corresponding
end tags, and you MIGHT see what you want to see. The code is messy
enough that I can't tell for sure.

[Terry Pinnell]

Peter J Ross <pj*@example.invalidwrote:

>In comp.infosystems.www.authoring.html on Mon, 25 Aug 2008 17:31:55
+0100, Terry Pinnell <te************@THESEdial.pipex.comwrote:

>I've just taken a look at some web pages I created several years ago,
since when I've forgotten most of what little I knew about HTML
coding. Could someone kindly take a look and advise me if there's any
obvious fix I can make to pages like
http://www.terrypin.dial.pipex.com/W...lkphotos05.htm please?

The only one of those four pages that still looks the way it was when
I last viewed them months ago is
http://www.terrypin.dial.pipex.com/W...3/Photos03.htm
which is how I want the other three to be.

All the pages look much alike to me. Considering that they were
apparently generated using FrontPage, they look remarkably good.

>No idea what can have happened to change these, but I'm hoping there's
some relatively trivial explanation and fix. Otherwise I have a lot of
re-learning to do before I can isolate it
;-)

What differences do you see between the pages? This is what I see:

<http://pjr.lasnobberia.net/tmp/photos03.png>
<http://pjr.lasnobberia.net/tmp/photos05.png>

What exactly do you want to change?

Thanks both, much appreciated.

Scott's clearly right. I changed to a widescreen LCD monitor some
months ago. So I'm now typically using a resolution of 1920 x 1200.
I'm seeing what I called the 'correct' page like this
http://www.terrypin.dial.pipex.com/I...-1920x1200.jpg
and the other, 'incorrect' ones like this
http://www.terrypin.dial.pipex.com/I...c1920x1200.jpg

I'm pretty sure I checked out the appearance (in IE and Firefox, and
at that time I think also Netscape) at 640 x 480, 800 x 600 and 1024 x
768. The latter was my previous monitor resolution). They looked
acceptable then I think (with main aim to avoid horizontal scrolling).

Makes me realise what a tough job it must be to design pages that are
going to look 'good' across the range of today's monitor sizes.

I'll try your suggestion Scott, but suspect I'm going to have to make
a major project of it!

--
Terry, East Grinstead, UK

[Chris F.A. Johnson]

On 2008-08-28, Terry Pinnell wrote:
....

Makes me realise what a tough job it must be to design pages that are
going to look 'good' across the range of today's monitor sizes.

It takes more work to prevent pages behaving properly in all
situations. By default, pages adjust to the browser window.

Don't stop the browser doing its job and you will have no problems.

--
Chris F.A. Johnson <http://cfaj.freeshell.org>
================================================== =================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)