Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5

Thread: Sitemap issue

  1. #1
    New Coder
    Join Date
    Nov 2010
    Posts
    10
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Question Sitemap issue

    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:

    Code:
    <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:

    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>

  • #2
    Regular Coder
    Join Date
    Oct 2010
    Location
    Florence, MS
    Posts
    486
    Thanks
    10
    Thanked 33 Times in 32 Posts
    What are the objectives for this?

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

  • #3
    Regular Coder
    Join Date
    Oct 2010
    Location
    Florence, MS
    Posts
    486
    Thanks
    10
    Thanked 33 Times in 32 Posts
    Nevermind, I fixed it already. Here ya go:

    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"" 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?
    Last edited by Chris Hick; 11-07-2010 at 09:31 AM.

  • Users who have thanked Chris Hick for this post:

    dijitaljedi (11-07-2010)

  • #4
    New Coder
    Join Date
    Nov 2010
    Posts
    10
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Great, thank you so much.

  • #5
    Regular Coder
    Join Date
    Oct 2010
    Location
    Florence, MS
    Posts
    486
    Thanks
    10
    Thanked 33 Times in 32 Posts
    You're welcome ^_^ Let me know if you need anything else.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •