...

View Full Version : Sitemap issue



dijitaljedi
11-07-2010, 08:05 AM
I have one more issue though, why is my sitemap off? Mind you, I am using some of the code that Chris Hick supplied me with. Here is what I have:



<img src="C:\Users\Rob\Desktop\Week2\Lab1\MENU.GIF" id="menu" usemap="#dcpages" />
<map name="dcpages">
<area shape="rect"
href="C:\Users\Rob\Desktop\Week2\Lab1\pixal.htm" alt="Home"
coords "1,1,81,15">
<area shape="rect"
href="C:\Users\Rob\Desktop\Week2\Lab1\dc100.htm" alt="DC100"
coords "23,50,64,62">
<area shape="rect"
href="C:\Users\Rob\Desktop\Week2\Lab1\dc250.htm" alt="DC250"
coords "23,64,64,79">
<area shape="rect"
href="C:\Users\Rob\Desktop\Week2\Lab1\dc500.htm" alt="DC500"
coords "23,81,64,95">
</map>
</body>
</html>


The issue is that it appears below the original menu, and there are no links. Any ideas? Here is the full code:



<html>
<head>
<!--
New Perspectives on HTML and XHTML
Tutorial 3
Case Problem 1

Pixal Home Page
Author: Robert Mastromarino
Date: 11/6/2010

Filename: pixal.htm
Supporting files: back.gif, logo.jpg, menu.gif
-->
<title>Pixal Inc.</title>



<style type="text/css">
body {
background: #ffffd0 url('C:\Users\Rob\Desktop\Week2\Lab1\back.gif') repeat-y;
margin-left: 185px;
}
#menu {
width:173px;
height: 295PX;
float:left;
border-width: 0px;
margin-left: -185px;
}
</style>

</head>
<body>
<img src="C:\Users\Rob\Desktop\Week2\Lab1\MENU.GIF" alt"" id="menu" />


<p style="text-align: center">
<img src="logo.jpg" alt="Pixal Digital Products" width="281" height="96" />
</p>

<p>Pixal is the industry leader in the field of digital equipment. Pixal's digital cameras have
won Best Buy of the Year awards from <i>Digital Imaging</i> for the past three years. In
addition, the DC100, Pixal's newest model for the home user, has won the the prestigious
Product of the Year award by <i>Digital Camera Magazine</i>.</p>

<p>All digital cameras come bundled with Pixal Photoware<sup>&trade;</sup>, Pixal's award-winning
software.</p>

<p>

<style type="text/css">
p {font-style: normal}
</style>
<font size="0.7" face="helvetica" color="BLUE">
<hr color="#FF0000">
<address style="text-align: center">
<p>Pixal Inc.
400 Stewart Ave.
Akron, OH &nbsp;&nbsp;60311
1 (800) 555-8761</p>
</address><hr color="#FF0000"></P>


<p style="text-align: center">
<a href="pixal.htm">Home Page</a> <br />
<a href="dc100.htm">DC100</a> &nbsp;&nbsp;
<a href="dc250.htm">DC250</a> &nbsp;&nbsp;
<a href="dc500.htm">DC500</a> &nbsp;&nbsp;
<a href="#">Accessories</a> &nbsp;&nbsp;
<a href="#">Pixal Photoware</a> <br />
<a href="#">FAQ</a> &nbsp;&nbsp;
<a href="#">User's Manuals</a> &nbsp;&nbsp;
<a href="#">Technical Documents</a> &nbsp;&nbsp;
<a href="#">Driver Downloads</a> &nbsp;&nbsp;
<a href="#">Software Updates</a> &nbsp;&nbsp;
<a href="#">Contact Us</a> <br />
<a href="#">Corporate Information</a> &nbsp;&nbsp;
</p>


<img src="C:\Users\Rob\Desktop\Week2\Lab1\MENU.GIF" id="menu" usemap="#dcpages" />
<map name="dcpages" id="menu">
<area shape="rect"
href="C:\Users\Rob\Desktop\Week2\Lab1\pixal.htm" alt="Home"
coords "1,1,81,15">
<area shape="rect"
href="C:\Users\Rob\Desktop\Week2\Lab1\dc100.htm" alt="DC100"
coords "23,50,64,62">
<area shape="rect"
href="C:\Users\Rob\Desktop\Week2\Lab1\dc250.htm" alt="DC250"
coords "23,64,64,79">
<area shape="rect"
href="C:\Users\Rob\Desktop\Week2\Lab1\dc500.htm" alt="DC500"
coords "23,81,64,95">
</map>
</body>
</html>

Chris Hick
11-07-2010, 08:24 AM
What are the objectives for this?

I am definitely going to need the pic you are using for the menu.gif.

Chris Hick
11-07-2010, 08:32 AM
Nevermind, I fixed it already. Here ya go:



<html>
<head>
<!--
New Perspectives on HTML and XHTML
Tutorial 3
Case Problem 1

Pixal Home Page
Author: Robert Mastromarino
Date: 11/6/2010

Filename: pixal.htm
Supporting files: back.gif, logo.jpg, menu.gif
-->
<title>Pixal Inc.</title>



<style type="text/css">
body {
background: #ffffd0 url('C:\Users\Rob\Desktop\Week2\Lab1\back.gif') repeat-y;
margin-left: 185px;
}
.menu {
width:173px;
height: 295PX;
float:left;
border-width: 0px;
margin-left: -185px;
}
</style>

</head>
<body>
<img src="C:\Users\Rob\Desktop\Week2\Lab1\MENU.GIF" alt"" class="menu" usemap="#dcpages" />


<p style="text-align: center">
<img src="logo.jpg" alt="Pixal Digital Products" width="281" height="96" />
</p>

<p>Pixal is the industry leader in the field of digital equipment. Pixal's digital cameras have
won Best Buy of the Year awards from <i>Digital Imaging</i> for the past three years. In
addition, the DC100, Pixal's newest model for the home user, has won the the prestigious
Product of the Year award by <i>Digital Camera Magazine</i>.</p>

<p>All digital cameras come bundled with Pixal Photoware<sup>&trade;</sup>, Pixal's award-winning
software.</p>

<p>

<style type="text/css">
p {font-style: normal}
</style>
<font size="0.7" face="helvetica" color="BLUE">
<hr color="#FF0000">
<address style="text-align: center">
<p>Pixal Inc. •
400 Stewart Ave. •
Akron, OH &nbsp;&nbsp;60311 •
1 (800) 555-8761</p>
</address><hr color="#FF0000"></P>


<p style="text-align: center">
<a href="pixal.htm">Home Page</a> <br />
<a href="dc100.htm">DC100</a> &nbsp;&nbsp;
<a href="dc250.htm">DC250</a> &nbsp;&nbsp;
<a href="dc500.htm">DC500</a> &nbsp;&nbsp;
<a href="#">Accessories</a> &nbsp;&nbsp;
<a href="#">Pixal Photoware</a> <br />
<a href="#">FAQ</a> &nbsp;&nbsp;
<a href="#">User's Manuals</a> &nbsp;&nbsp;
<a href="#">Technical Documents</a> &nbsp;&nbsp;
<a href="#">Driver Downloads</a> &nbsp;&nbsp;
<a href="#">Software Updates</a> &nbsp;&nbsp;
<a href="#">Contact Us</a> <br />
<a href="#">Corporate Information</a> &nbsp;&nbsp;
</p>

<map name="dcpages">
<area shape="rect"
href="C:\Users\Rob\Desktop\Week2\Lab1\pixal.htm" alt="Home"
coords="1,1,81,15" />
<area shape="rect"
href="C:\Users\Rob\Desktop\Week2\Lab1\dc100.htm" alt="DC100"
coords="23,50,64,62" />
<area shape="rect"
href="C:\Users\Rob\Desktop\Week2\Lab1\dc250.htm" alt="DC250"
coords="23,64,64,79" />
<area shape="rect"
href="C:\Users\Rob\Desktop\Week2\Lab1\dc500.htm" alt="DC500"
coords="23,81,64,95" />
</map>
</body>
</html>


Is the objective set for you to create the same image twice and use the second as an image map or for you to use the image as an image map?

dijitaljedi
11-07-2010, 09:43 AM
Great, thank you so much.

Chris Hick
11-07-2010, 09:48 AM
You're welcome ^_^ Let me know if you need anything else.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum