Web Design and Graphics Room. Thread, CPS. Have you the time?

tezzer · #1 17th-October-2007, 02:54 PM

Hello Peter,

I know you're not a fan of MS FrontPage but have you any spare time to help me with a page on my Takstwo site that's giving me problems.
If you're busy with your own updating I'll understand.

Briefly the small pictures in the Photo Gallery aren't appearing, yet clicking on the space they occupy brings up the enlargement.
If you visit the site from the link below you'll see what I mean.
Strange thing is they show when viewed in IE on my XP computer, see the screenshot.
I don't think the code will show when you select "View">"Source" because I use Orange FTP My Site.
If you have time and want the code I can e-mail the page to you.

Regards,
Tezzer.

CPS · #2 17th-October-2007, 04:54 PM

Ok yes I have the time, its nice to be asked to assist you,
not a lot of activity of late.

Right I cant see any of the thumbnails in IE, FF or Opera.
However I do see the enlarged pics OK.

So its a link problem to the thumbnails, I have had a quick look at the page code in IE.

This is the link address that shows for the large pic on mouse over.

Code:

http://takstwo.mysite.wanadoo-members.co.uk/ploughing.jpg

This is the code calling the above link and the thumbnail to show on screen.

Code:

<a href="ploughing.jpg">
[img]photogallery/photo26003/ploughing.jpg[/img]</a>

What I need to know is were are both pictures stored on site in the same place.
What are their saved names, as you appear to have ploughing .jpg twice,
as the large jpg and the small jpg, they should be different names.

Here is the way I do it as an example.
All my images are inside a folder named "images" for a particular website.
My large image is "kdgmap.jpg" mysmall image is "kdgmap_small",
this makes things clearer to debug the code.
As both pictures are in the image folder on the site I code it as follows.

Code:

[img]images/kdgmap_small.jpg[/img]</img>

Is this of help to you, as I am unsure about the thumbnail link thats showing on your site.

Skyrunner · #3 17th-October-2007, 05:46 PM

tezzer, you DID up load the thumbnail images to wannadoo when you uploaded the big photos?

Did you?

tezzer · #4 18th-October-2007, 11:11 AM

Hello Peter,
Thanks for replying.
Each month when I change the pictures and I'm happy with the result I check it on my computer using IE6 and then use the "Publish Site" button in Frontpage.
The screenshot below shows the uploaded files in the Photo gallery Properties.
The second screenshot answers Skyrunners question.

Quote:

Tezzer, you DID up load the thumbnail images to wannadoo when you uploaded the big photos?

The ringed line states "Thumbnails of your images are created automatically"
This morning I've redone the photo gallery page and uploaded it all again. I think I may have found the problem, see the last screenshot.
What do you think, could this be why the small images aren't being displayed?

Regards,
Tezzer.

CPS · #5 18th-October-2007, 05:07 PM

Tezzer
I had a feeling looking at the code that the thumbnails were made automatically when called.
However this is not recommended as it relies on the viewers browser to do the conversion.

What works on your PC may not work when uploaded,
the explanation is to long to go into.
In short your PC and browser picks up stray links that are not in the coded page,
but on your PC when doing the code and it works.

This I believe is why it works in IE on your PC but not on the uploaded page.

Below is the standard html code to create a thumnail on the fly from the one original pic on your website.

Code:

your original code

<a href="ploughing.jpg">
[img]photogallery/photo26003/ploughing.jpg[/img]</a>

standard code

<a href="ploughing.jpg">
[img]ploughing.jpg[/img]</a>

The method you have used and the example I have shown for creating,
a thumbnail from the original automatically is not recommended.

It is recommended that as I said in the other post above,
have the original pics on site,
in a folder or not is your choice, with properly made thumbnails, does not take long.
This solves all the problems that may accure using automatic thumbnails.
Make them the same size as the table cell, width="100" height="78"

With the large and small pics on your website in or out,
of a folder the code below should work in all browsers.

Using the basic code again, save the thumbnail as "ploughing-small.jpg"

Code:

<a href="ploughing.jpg">
[img]ploughing-small.jpg[/img]</a>

This shows the small jpg on screen and links to the large jpg

As I cant see the scene behind the code this is the best answer I can come up with.
But keeping it simple is the best way to go.
There are other issues that have to be sorted but lets get this one sorted first.

tezzer · #6 18th-October-2007, 07:44 PM

Hello Peter,
Thanks for the info, I do use small and large copies of images on my other site "Popical" which is HERE
I use both methods, on the News Page you have to click back to return to the page with the small image and in the Photo Gallery the large image opens in its own window and you return by closing the window.
In fact it was you who taught me to do the codes for this back in 2004.
I think there must be a fault somewhere in FrontPage because it's worked ok for the past few years. I haven't done anything to it except just update the site every month using the built in Publish button.
The screenshot below shows that the photographs have been uploaded and are on the Orange Site Builder.

Regards,
Tezzer.

CPS · #7 18th-October-2007, 09:36 PM

Still looking at the issue, status so far.

Well it has to be a link problem that's associated with that method if it has worked in the past.
Have you saved any old pages that worked using this method.
I cant find any other images being called on other pages to compare the link to the gallery.

Your site Popsical is using the preferred method with no problems.

One omission on the new site is there is no DTD, this is a must at the top of every page,
this could be part of the problem, but must be added even if not.

As some of the elements you are using come under xhtml dtd,
You must add this dtd to the top of every page for it to work properly.

Code:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html 
          PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

I ran a validation on w3 schools and there are 56 errors in the code for this picture page.
I also ran a validation using the free validator lite program same errors.
I suggest you add the dtd as above then download validator lite.
Run this picture page in it and it will show and explain the errors, I use it on all my webpages.

CPS · #8 19th-October-2007, 05:18 PM

I amended my post above as some of your code works only,
under the xhtml dtd so add it to all your pages at the very top.

Also there appears to be some invalid content that may be relivent to the problem.

When done validate your code in this very good free program.

http://www.htmlvalidator.com/lite/

tezzer · #9 1st-November-2007, 07:24 PM

Hello Peter,
The missing small picture problem seems to be solved.
Would you please have look HERE and go to the Photo gallery.
Are you seeing the small pictures?
I deleted everything to do with last months Photo Gallery web page and did a complete new upload

Thanks for taking the time to help me.

Regards,
Tezzer.

CPS · #10 1st-November-2007, 08:51 PM

OK yes I can now see the thumbnails, looks like you have removed the problem by redoing it.
Quite often thats the quickest and easiest way to solve a problem.
Spotting an error in a page full of code is hard to do,
you can even make things worse by attempting to correct a code issue.

BTW you still have to add the DTD to your pages.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode