O'Reilly Forums: Ch.5 P 200-202 - O'Reilly Forums

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Ch.5 P 200-202 Images not linking

#1 User is offline   Rachel12 

  • New Member
  • Pip
  • Group: Members
  • Posts: 6
  • Joined: 31-January 12

Posted 31 January 2012 - 03:51 AM

Hi. First post here. I'm working on the myPod exercise on p. 200-202 of chapter 5. I have tried it in two up to date browsers (Firefox and IE) without luck. I've checked and rechecked my code but I'm not seeing where I've gone wrong, maybe some new eyes would help.

Here is the actual issue: The thumbnails for shuffle and downtown don't link to the full image when clicked on. Is anyone else having this issue?

Here is what I've got so far:

index
<html>
  <head>
    <title>myPod</title>
      <style type="text/css">
        body { background-color: #eaf3da; }
      </style>
  </head>
  <body>

    <h1>Welcome to myPod</h1>
    <p>
      Welcome to the place to show off your iPod, wherever you might be.
      Wanna join the fun? All you need is any iPod, from the early classic 
      iPod to the latest iPod Nano, the smallest iPod Shuffle to the largest 
      iPod Photo, and a digital camera.  Just take a snapshot of your iPod in
      your favorite location and we'll be glad to post it on myPod. So, what 
      are you waiting for?
    </p>

    <h2>Seattle, Washington</h2>
    <p>
      Me and my iPod in Seattle!  You can see rain clouds and the 
      Space Needle.  You can't see the 628 coffee shops.
    </p>
<P>
<a href="html/seattle_med.html">
<IMG SRC="thumbnails/seattle_med.jpg" alt="My iPod in Seattle, WA"></A>


<a href="html/seattle_shuffle.html">
<img src="thumbnails/seattle_shuffle.jpg" alt="An iPod Shuffle in Seattle, 
WA" title="An iPod Shuffle in Seattle, WA"> </A>





<A href="html/seattle_downtown.html">
<IMG SRC="thumbnails/seattle_downtown.jpg" alt="An iPod in downtown Seattle, WA">
</A>
</P>

<H2>Birmingham, England</H2>
<P>
Here are some iPod photos around Birmingham. We've obviously got some passionate 
folks over here who love their iPods. Check out the classic red British telephone box!
</P>

<P>
<A href="html/britain.html">
<IMG SRC="thumbnails/britain.jpg" alt="An iPod in Birmingham at the telephone
box"></A>
<A href="html/applestore.html">
<IMG SRC="thumbnails/applestore.jpg" alt="An iPod at the Birmingham Apple Store">
</A>
</P>
  </body>
</html>




downtown - full size image page
<html>
  <head>
    <title>myPod: Downtown</title>
    <style type="text/css"> body { background-color: #eaf3da; } </style>
  </head>
  <body>
	<h1>iPod Downtown</h1>
<p>
	<img src="../photos/seattle_downtown.jpg alt="Seattle Downtown"></A>
</P>
</BODY>
</HTML>


shuffle - full size image page
<html>
  <head>
    <title>myPod: Shuffle</title>
    <style type="text/css"> body { background-color: #eaf3da; } </style>
  </head>
  <body>
	<h1>iPod Shuffle</h1>
<p>
	<img src="../photos/seattle_shuffle.jpg alt="Seattle Shuffle"></A>
</P>
</BODY>
</HTML>


The first broken link I mentioned shoots to a page with a title and no image (no broken image box)

The second broken link shoots me to a page with a title and a broken image box.

All files are set up as directed for the exercise.


Hopefully I'm being ridiculous and it's an easy fix I've been missing somehow. Any help would be appreciated!

Thanks,
Rachel
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users