Web Design Discussion - Clicking on an image and nothing happens

Print Page | Close Window

Clicking on an image and nothing happens

Printed From: Web Wiz Forums
Category: General Discussion
Forum Name: Web Design Discussion
Forum Description: Discussion on web design and development subjects.
URL: https://forums.webwiz.net/forum_posts.asp?TID=27450
Printed Date: 28 March 2026 at 4:47am
Software Version: Web Wiz Forums 12.08 - https://www.webwizforums.com

Topic: Clicking on an image and nothing happens

Posted By: keithmq
Subject: Clicking on an image and nothing happens
Date Posted: 10 June 2009 at 2:57am

I am a realy novice at developing web pages. So recently I was creating a simple web page with 5 pictures on it. I have it set up that when I click on the picture, it creates a new page with only the picture I click on. The commands I use are extremely simple. In the main code I have

In the html file it is:

File 1

<html>
<head>
    <title>myPod: Seattle Ferry</title>
    <style type="text/css"> body { background-color: #eaf3da; } </style>
</head>
<body>
    <h1>Seattle Ferry</h1>
    <p>
      <img src="../photos/seattle_med.jpg" alt="An iPod on the Seattle ferry">
    </p>
</body>
</html>

File 2

<html>
<head>
    <title>myPod: Seattle Downtown</title>
    <style type="text/css"> body { background-color: #eaf3da; } </style>
</head>
<body>
    <h1>Seattle Downtown</h1>
    <p>
      <img src="../photos/seattle_downtown.jpg" alt="An iPod in downtown Seattle, WA">
    </p>
</body>
</html>

When I bring up the main page (index.html) all the pictures show up, but some have a slight red border around them and one has a blue border. When I click on file with the red border, it calls the html file and displays the picture as a new window. When I click on the file with the blue border --- nothing. I didn't add the borders they seem to come with the web page. I've checked the permissions on the files, but they all seem to be the same.

It's so simple, but it's driving my crazy. If anyone has experienced this simple issue, please let me know how you solved it. I would really appreciate it.

Replies:

Posted By: Scotty32
Date Posted: 10 June 2009 at 7:42pm

The borders will be added if you add a link to an image.

If you wish to remove them just add border="0" to the image like so:

<img src="pic.gif" border="0">

Are you viewing the pages locally? (stored on your computer?) if so, then it might be that the page does not exist. Make sure that you entered the URL correctly

If your pages are hosted on a website, could you provide the address to the site so I (or someone else) can have a better idea as to what the problem is?

-------------
S2H.co.uk - http://www.s2h.co.uk/wwf/" rel="nofollow - WebWiz Mods and Skins

For support on my mods + skins, please use http://www.s2h.co.uk/forum/" rel="nofollow - my forum .

Posted By: keithmq
Date Posted: 11 June 2009 at 2:30am

Scotty32,

Thanks for getting back to me, I really appreciate it. The photos are local and they are in the same directory as the other files that work. It just baffles me. I have gone over the code letter by letter symbol by symbol and it's all the same. I even duplicated the image tag and got two copies of the same picture on the web page. Both have a blue border while the others have a thin red border and neither of the blue border files can be clicked on. I have a feeling it may have something to do with the protection on the files, but I seem to have compare the security on the files you can click on and those you can't. They seem to be the same. Maybe there is something I'm missing.

Posted By: scottage
Date Posted: 15 June 2009 at 1:38pm

As Scotty32 states; the borders indicate that the image is a link (in much the same way that text is underlined). A Blue border is a link that you have not clicked on before and a red border is a link that you have clicked on before (before being is in your browsing history.
The image that has the Blue border doesn't seem to be a correctly marked-up link; you click it and nothing happens therefore no a link. If you had file permissions then the link would work (you can click it and something happens) but the file that you linked to would cause an error not the file that you are linking from - web pages just aren't that clever. Is it the first image that has the issues?

-------------
http://www.realwebdevelopers.com" rel="nofollow - Developing real world websites

Posted By: 123Simples
Date Posted: 20 June 2009 at 6:33pm

Am I missing something here with duplicated posts? Scratches head and wonders why
Wacko

-------------
http://www.123simples.com/" rel="nofollow - Visit 123 Simples Web Design

Posted By: Scotty32
Date Posted: 20 June 2009 at 7:00pm

Its called "Marketing", the idea is, you copy and paste what some one else has said (saves time having to type it) and then the search engines pick up the link in the signature and you get page rank, the Avg Joe moderator wont notice that its C&P so will leave it as a legitimate post.

Unfortunately, (1) Im not an Avg Joe moderator, (2) the forums have Nofollow tag on user-generated links, which means no page rank juice and (3) they failed to enter the link properly..... oh and (4) I've deleted them.

Anyway, as for the original poster....

As I said, the border is entered by default on all images that are links, you can remove them by following my advice above. The colours are set by the web page (eg red = visited link, blue = non visited link).

The reason the image is not loading is because the path to the image or html page is set incorrectly in the link. The reason it doesnt load and show a 404 error is because it is on your computer, when accessing files locally the browser doesnt display a 404 page (since its not on a server - and the server produces the 404 error) so doesnt load the page.

If you can upload this to a website, for example a free service such as freewebs.com, and send me the link to this either on here or in a PM (if its private) for me to look at and advise further, otherwise I am unable to help.

-------------
S2H.co.uk - http://www.s2h.co.uk/wwf/" rel="nofollow - WebWiz Mods and Skins

For support on my mods + skins, please use http://www.s2h.co.uk/forum/" rel="nofollow - my forum .