How to link thumbnail to image
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?
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
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
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:
<a href="filename.html">Click me</a>
<a href="../filename.html">Click me</a>
Where the HTTP is the full path to your file.
<a href="http://www.domain.com/filename.html">Click me</a>
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!!!
If you are using images...
<a href="bigpic.jpg"><img src="thumbnailpic.jpg"></a>
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
this is a cut and paste of the code
this works fine in my files but doesnt work when I upload it
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.
Last edited by Major Payne; 04-08-2007 at 05:23 AM.
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!
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
Your structure would be
Last edited by Mr J; 04-08-2007 at 06:46 AM.
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.
Thank you for that, done it!
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)