/    Sign up×
Community /Pin to ProfileBookmark

How to link thumbnail to image

Copy linkTweet thisAlerts:
Apr 07.2007

Not exactly computer illiterate, but just beginning to work on a web page via netscape.
Im using the a href and img src according to all instructions, and in my files I can make the thumb nail link to the image no problem. When I upload it all though, it doesnt work. What am I doing wrong here?

to post a comment
HTML

12 Comments(s) ↴

Copy linkTweet thisAlerts:
@Mr_JApr 07.2007 — If you are using an absolute path for the images in relation to your local drive then once uploaded it will not work, it is usually best to use a relative path.

Unless you post your code there's little more to suggest
Copy linkTweet thisAlerts:
@lilylaleekauthorApr 07.2007 — hi

thank you so much for your reply. Im afraid I have no idea what a relative path is; is there anything online you can refer me to that might help? Or do you have a minute?

Again, thank you
Copy linkTweet thisAlerts:
@ryanbutlerApr 07.2007 — Relative path:

[CODE]<a href="filename.html">Click me</a>[/CODE]

Relative paths are relative to the location where they reside. For example, if you have a folder in the root of your direction named generalinfo, the link above looks like:

[CODE]<a href="../filename.html">Click me</a>[/CODE]

Absolute path:

[CODE]<a href="http://www.domain.com/filename.html">Click me</a>[/CODE]

Where the HTTP is the full path to your file.
Copy linkTweet thisAlerts:
@lilylaleekauthorApr 07.2007 — Thanks a million. Its getting late here and Ive been trying to suss this website biz all day and not getting very far! I shall try and work out what you have very kindly sent me first thing in the morning. Thank you again. I have been making this website via netscape and have just discovered it doesnt all show up in mozilla. Oh boy!!!
Copy linkTweet thisAlerts:
@aussie_girlApr 08.2007 — If you are using images...

<a href="bigpic.jpg"><img src="thumbnailpic.jpg"></a>
Copy linkTweet thisAlerts:
@Mr_JApr 08.2007 — It would make it a lot easier if you posted your code then we might be able to see exactly what the problem is without having to guess..

Help us help you, post your code
Copy linkTweet thisAlerts:
@lilylaleekauthorApr 08.2007 — this is a cut and paste of the code


<a

href="file://C:/Documents%20and%20Settings/Owner/My%20Documents/

My%20Pictures/jewellery/jewellery%20015.jpg"><img

src="file:///C:/Documents%20and%20Settings/Owner/My%20Documents/

My%20Pictures/jewellery/tn_jewellery%20015.jpg"></a>

this works fine in my files but doesnt work when I upload it
Copy linkTweet thisAlerts:
@Major_PayneApr 08.2007 — That's because you do not have the paths correct. See ryanbutler's explanation and correct the paths to where the images are after being uploaded. Absolute paths are best. I would also suggest naming your files without the spaces even if you want to use " %20 ". The paths on your PC will not work after you file is uploaded.

Ron
Copy linkTweet thisAlerts:
@lilylaleekauthorApr 08.2007 — have added www. in front of the filenames on the a href and the img src

it is one step better in that the image box(empty) links to a not found message online!
Copy linkTweet thisAlerts:
@Mr_JApr 08.2007 — Create a folder in the same folder as the html file and called the folder jewellery

In this folder put your images, your link and image src would then be as follows

<a href="jewellery/jewellery015.jpg">

<img src="jewellery/tn_jewellery015.jpg">

</a>

Your structure would be

[CODE]root folder
html file

jewellery folder
jewellery015.jpg
tn_jewellery.jpg[/CODE]
Copy linkTweet thisAlerts:
@spiresgateApr 09.2007 — This is a simple problem with a simple solution.

On your C disc you have three files:

  • 1. The file containing the code you are writing and ends in .htm

  • 2. jewellery 20015.jpg

  • 3. tn_jewellery 20015.jpg


    • You need to rewrite your pasted code as:

    <a href='jewellery 20015.jpg'><img src='tn_jewellery 20015.jpg'></a>

    You then upload all three files to the same directory on your web space.
    Copy linkTweet thisAlerts:
    @lilylaleekauthorApr 13.2007 — Thank you for that, done it!
    ×

    Success!

    Help @lilylaleek spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 — BETA 5.18,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @AriseFacilitySolutions09,
    tipped: article
    amount: 1000 SATS,

    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,
    )...