I am using the textbook "Build Your Own Web Site The Right Way" HTML & CSS; I finally located where the images are located for the project in Chapter 2 "BubbleUnder.com" I have typed the required code in notepad to display the image on the web page, but the image is not visible. Only a box where the image should be and a red X in the top left corner. The image is not clickable. Tell me what I have done wrong and what I need to do to correct this problems so as to not make the same mistake again. The below is what I type in notepad for this project:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<title>Bubble Under - The diving club for the south-west UK
<meta http-equiv="Content - Type"
content="text/html; charset=utf-8" />
<p>Diving club for the south-west UK - let's make a splash!</p>
<h2>Welcome to our super-dooper Scuba site</h2>
<p><img src="divers-circle.jpg" width="200" height="162"
alt="A Circle of divers practice their skills" /></p>
<p>Glad you could drop in and share some air with us! You've
passed your underwater navigation skills and sucessfully
found your way to the start point - or in this case, our
<p>Bubble Under is a group of diving enthusiasts based in the
south-west UK who meet up for diving trips in the summer
months when the weather is good and the bacon rolls are flowing.
We arrange weekends away as small groups to cut the cost of
accommodation and travel, and to ensure that everyone gets a
trustworthy dive buddy.
<p>Although we're based in the south-west, we don't stay on our own
turf: past diving weeekends have included trips up to Scapa Flow
in Scotland and to Malta's numerous wreck sites.
<p>When we'r not diving, we often meet up in a local pub to talk
about our recent adventures (any excuses, eh?).</p>
<p>To find out more, contact Club Secretary Bob Dobalina on
01793641207 or <a
Double-check where you've put the image on your computer. This code: img src="divers-circle.jpg" says that the image is stored in the same place as the HTML file. If, for example, you've put your images into a folder - a very common practice - then you would need to have img src="images/divers-circle.jpg" (assuming the name of your folder is images). Also check that you haven't made any typing errors in the image name.
This topic is now closed. New replies are no longer allowed.