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
<a href="html/seattle_med.html">
<img src="thumbnails/seattle-med.jpg" alt="My iPod in Seattle, WA"></a>
<a href="html/seattle_downtown.html">
<img src="thumbnails/seattle_downtown.jpg" alt="An iPod in downtown Seattle, WA"></a>
<a href="html/seattle_downtown.html">
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.
Clicking on an image and nothing happens
Topic Options
