Need to correct PHP link to page

I am working on a PHP website at www.topmodelcolorcontacts.com .  On the home page there is a menu on the right side with (top model, impressions, halloween).  The top two links work correctly, but the Halloween link is not working.  The Halloween link should go to the page, products-impressions.php

I can open the page in a web editor, but can't seem to get to the page in a browser.

The page that has the links is home.php which I have attached the code below.

			<br />
			<br />
			<br />
			<TABLE WIDTH="720" CELLPADDING="0" CELLSPACING="0" BORDER="0">	
				<!--<TR>
					<TD COLSPAN="4"><img src="images/dot_clear.gif" HEIGHT="30" WIDTH="720" BORDER="0"></TD>
				</TR>-->
				<!--
				<TR>
					<TD COLSPAN="4" align="center"><a href="<?php echo $_SERVER['PHP_SELF']; ?>?page=special-offer"><img src="images/home_banner.gif"  BORDER="0"></a></TD>
				</TR>-->				
				<TR>
					<TD><img src="images/dot_clear.gif" HEIGHT="194" WIDTH="12" BORDER="0"></TD>
					<TD width="720" valign="top">
					<div style="position: relative">
					<div style="position: relative; top: -25px; left: 0px"><span style="color: #CC0000; font-size: 22px; font-weight: bold; margin-left: 30px;">Over 10 years of contact lense sales</span></div>
					 <?php 
							if ($hw > 0) {?> 
							
						<div style="position: absolute; left: 485px; top: -5px"></div>
					 <?php } ?>
					
					<?php if ($expressionVersion > 0) { ?>
					<!--
					<div style="float:right; padding:20px;">
					<a href="<?php //echo $_SERVER['PHP_SELF']; ?>?page=products-impressions" style="outline:none;"><img src="images/order_now4A.gif" BORDER="0"></a>
					<div style=" padding:0;"><a href="<?php //echo $_SERVER['PHP_SELF']; ?>?page=products-expressions" style="outline:none;"><img src="images/order_now5.gif" BORDER="0"></a></div>
					</div>
					-->
					<div style="float:right; padding:20px;">
					<IMG SRC="images/browse_catalog_img.jpg"
   ALT="browse_catalog" BORDER=1 WIDTH=296 HEIGHT=198
   USEMAP="#map1">
					<MAP NAME="map1">
<AREA
   HREF="<?php echo $_SERVER['PHP_SELF']; ?>?page=products-expressions1" ALT="Products Top Model" TITLE="Products Top Model"
   SHAPE=RECT COORDS="81,90,285,138">
<AREA
   HREF="<?php echo $_SERVER['PHP_SELF']; ?>?page=products-impressions" ALT="Products Impressions" TITLE="Products Impressions"
   SHAPE=RECT COORDS="100,6,285,51">
<AREA
   HREF="<?php echo $_SERVER['PHP_SELF']; ?>?page=products-halloween" ALT="Products Halloween" TITLE="Products Halloween"
   SHAPE=RECT COORDS="100,9,285,54">
					</MAP>

</div>

					<!--<a href="<?php //echo $_SERVER['PHP_SELF']; ?>?page=products-impressions" style="outline:none;"><img src="images/browse_catalog_img.jpg" BORDER="0"></a>-->
					
					<?php } else { ?>
					
					<div style="float:right; padding:0px;">
					  <p><IMG SRC="images/browse_catalog_img.gif"
   ALT="browse_catalog" BORDER=0 WIDTH=296 HEIGHT=198
   USEMAP="#map1"></p>
					  <p>
					    <MAP NAME="map1">
					      <AREA
   HREF="<?php echo $_SERVER['PHP_SELF']; ?>?page=products-expressions1" ALT="Products Top Model" TITLE="Products Top Model"
   SHAPE=RECT COORDS="115,25,300,85">
					      <AREA
   HREF="<?php echo $_SERVER['PHP_SELF']; ?>?page=products-impressions" ALT="Products Impressions" TITLE="Products Impressions"
   SHAPE=RECT COORDS="115,95,300,180">
				        </MAP>
				      </p>
                    </div>					
					
					<!--
					<div style="float:right; padding:0px 20px 20px 0px; position: relative; top: -7px; left: 0px;">
					<div style=" padding:0; margin: 0;"><a href="<?php //echo $_SERVER['PHP_SELF']; ?>?page=products-expressions1" style="outline:none;"><img src="images/order_now6.gif" BORDER="0"></a></div>
					<div style=" padding:0; margin: 0;"><a href="<?php //echo $_SERVER['PHP_SELF']; ?>?page=products-impressions" style="outline:none;"><img src="images/order_now7.gif" BORDER="0"></a></div>
					</div>-->					
					<?php } ?>
					<ul style="padding:0; margin-left: 30px">
				
			  <li><span style="position: absolute; left: 480px; top: 180px"><a href="/?page=products-halloween"><img src="images/halloween_txt.gif" alt="Halloween Lenses" /></a></span>Best Prices and Service</li>
					
					<!--<li>Experienced in selling contacts
					for more than 8 years!</li>-->
					
					<li>Contacts come with complete and
					easy to follow instructions for
					placement and care.</li>
					
					<li>We offer only
					Non-Corrective Color Contacts
					(no vision Correction at this time)</li>
					
					<li><b><span style="color: #CC0000">Use Top Model</span> for the <u>highest impact</u> and
					<u>Color Change</u> of <u>any</u> lens available!*  <br />Very comfortable and easy to handle!</b></li>
					<li>Much more comfortable than other color
					contacts - easier to put in than other lenses.</li>
					<li>Our lenses really change eye color.</li>	
					<li>All colors tested on a live model for complete eye color change.</li>				
					</ul>
					
					<b><font size="3">* Example Blue Topaz will change a Brown Eye to Blue <u>completely</u>.</font></b>
					<br />
					<b><font size="3" color="CC0000">*** Review your receipt for your current/correct name and address!  Call us Monday through Saturday (10am-7pm PST) if correction is to be made at 775-293-2800! Do not email!</font></b>
					<br />
					<!--<div width="100%" align="center"><span class="product-heading"><a href="<?php echo $_SERVER['PHP_SELF']; ?>?page=special-offer">See Special Offer</a></span></div>-->
					</div>
					</TD>
					<!--<TD WIDTH="285" STYLE="padding-left:20px;"><a href="products.html"><!--<img src="images/you_can_change.gif" border="0"><img src="images/order_now4.gif" BORDER="0"></a>
					</TD>-->
					<TD><img src="images/dot_clear.gif" HEIGHT="10" WIDTH="30" BORDER="0"><!--WIDTH="67"-->
					</TD>		
				</TR>
				<TR>	
				<TR>
					<TD COLSPAN="4"><img src="images/dot_clear.gif" HEIGHT="46" WIDTH="720" BORDER="0"></TD>
				</TR>						
			</TABLE>

Open in new window

LVL 1
northernknightAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Dave BaldwinFixer of ProblemsCommented:
Sorry but that is Not the code for the page you linked above.  In that page, the halloween link is incomplete and it is in an <li>, not in the 'map' section.
0
northernknightAuthor Commented:
The links and menu are not on the index page.  The menu on the right actually comes from home.php which is the code I included.  the links are hotspots.  The Halloween link is supposed to open the products-halloween.php page.
0
northernknightAuthor Commented:
This is the current link on the menu, /?page=products-halloween
0
Cloud Class® Course: MCSA MCSE Windows Server 2012

This course teaches how to install and configure Windows Server 2012 R2.  It is the first step on your path to becoming a Microsoft Certified Solutions Expert (MCSE).

Dave BaldwinFixer of ProblemsCommented:
Still... that is Not the code for the page you linked above.   And the halloween link doesn't match the others which are (in the view source)...

				    <MAP NAME="map1">
					      <AREA
   HREF="/index.php?page=products-expressions1" ALT="Products Top Model" TITLE="Products Top Model"
   SHAPE=RECT COORDS="115,25,300,85">
					      <AREA
   HREF="/index.php?page=products-impressions" ALT="Products Impressions" TITLE="Products Impressions"
   SHAPE=RECT COORDS="115,95,300,180">
				        </MAP>
	

Open in new window

Note that 'halloween' isn't there?????  Go look at the View Source of your link above.
0
northernknightAuthor Commented:
Yes, it is not actually in the map, but the index page source has this section with the Halloween li link,                                     <AREA
   HREF="/index.php?page=products-expressions1" ALT="Products Top Model" TITLE="Products Top Model"
   SHAPE=RECT COORDS="115,25,300,85">
                                    <AREA
   HREF="/index.php?page=products-impressions" ALT="Products Impressions" TITLE="Products Impressions"
   SHAPE=RECT COORDS="115,95,300,180">
                                </MAP>
                              </p>
                    </div>                              
                              
                              <!--
                              <div style="float:right; padding:0px 20px 20px 0px; position: relative; top: -7px; left: 0px;">
                              <div style=" padding:0; margin: 0;"><a href="?page=products-expressions1" style="outline:none;"><img src="images/order_now6.gif" BORDER="0"></a></div>
                              <div style=" padding:0; margin: 0;"><a href="?page=products-impressions" style="outline:none;"><img src="images/order_now7.gif" BORDER="0"></a></div>
                              </div>-->                              
                                                            <ul style="padding:0; margin-left: 30px">
                        
                    <li><span style="position: absolute; left: 480px; top: 180px"><a href="/?page=products-halloween"><img src="images/halloween_txt.gif" alt="Halloween Lenses" /></a></span>Best Prices and Service</li>
0
northernknightAuthor Commented:
Menu map (home.php) code
0
Dave BaldwinFixer of ProblemsCommented:
But that version is missing <?php echo $_SERVER['PHP_SELF']; ?> which results in "/index.php" on the page for the other links.
0
sajayj2009Commented:
<span style="position: absolute; left: 525px; top: 180px"><a href="/?page=products-halloween"><img src="images/halloween_txt.gif" alt="Halloween Lenses"></a></span>

Value can change to left: 525px
0
Slick812Commented:
greetings northernknight, , I looked at your page code on -
   www.topmodelcolorcontacts.com

and In my HTML editor, it shows many incorrect HTML entries in the page code such as -
  </TR>
  <TR> <!-- This IS an INCORRECT TR here , NO closing tag -->
  <TR>
    <TD COLSPAN="4"><img src="images/dot_clear.gif" HEIGHT="46" WIDTH="720" BORDER="0"> </TD>
  </TR>						
</TABLE>

Open in new window


where you have have a <TR> without a closing tag, , , also your table as -
<!-- everything table -->
<TABLE WIDTH="1024" BORDER="0" align="center" CELLPADDING="0" CELLSPACING="0" BACKGROUND="http://www.topmodelcolorcontacts.com/images/products_bg5_new_nostar.gif">

has INCORRECT overlaps with it's <TR> and it's <TD> and with Other <TABLE> elements inside of it,  a <table> with incorrect overlaps can cause bad display problems, and inconsistent views on browsers. Using <table> the way you do here is very out of date, and even counter productive, , ,  when you can do this page with less HTML and confusion using better arrangements without so many of your tables,

 . . . . . And the use of clear transparent .GIF spacers as you use -
   <img src="dot_clear.gif" HEIGHT="194" WIDTH="12" BORDER="0">
is very, very outdated, now that CSS lets you use margins and padding to do spacing separations.

- - - - - - - - --
as to your problem, you use an image MAP, when you can more easily, just use some CSS and three links <a> to get what you need, here is some code I tested in firefox to get a float right display of the  browse_catalog_img.gif  image, with three links. See code below -
<style>
.overLink {
  display: block;
  height: 46px;
  margin-left: 110px;
  margin-top: 4px;
  text-decoration: none;
  }
  
.overLink:hover {
  border: 1px dashed #b70;
 } 
</style>
<TABLE WIDTH="720" CELLPADDING="0" CELLSPACING="0" BORDER="0">				
  <TR><TD><img src="dot_clear.gif" HEIGHT="194" WIDTH="12" BORDER="0"></TD>
    <TD width="720" valign="top">
      <div style="position: relative">
      <div style="position: relative; top: -25px; left: 0px"><span style="color: #CC0000; font-size: 22px; font-weight: bold; margin-left: 30px;">Over 10 years of contact lense sales</span></div>
					 					
      <div style="float:right; padding:0px; width:297px; height: 199px; background-image: url('browse_catalog_img.gif');">
        <a href="/index.php?page=products-expressions1" class="overLink" style="margin-top: 29px;"> &nbsp;</a>
        <a href="/index.php?page=products-impressions" class="overLink" style="margin-top: 14px;"> &nbsp;</a>
        <a href="/?page=products-halloween" class="overLink"> &nbsp;</a>
      </div>					
      <ul style="padding:0; margin-left: 30px">
        <li>Best Prices and Service</li>
        <li>Contacts come with complete and
          easy to follow instructions for placement and care.</li>
        <li>We offer only
           Non-Corrective Color Contacts
          (no vision Correction at this time)</li>
        <li><b><span style="color: #CC0000">Use Top Model</span> for the <u>highest impact</u> and
            <u>Color Change</u> of <u>any</u> lens available!*  <br />Very comfortable and easy to handle!</b></li>
        <li>Much more comfortable than other color
           contacts - easier to put in than other lenses.</li>
        <li>Our lenses really change eye color.</li>	
        <li>All colors tested on a live model for complete eye color change.</li>				
      </ul>
      <b><font size="3">* Example Blue Topaz will change a Brown Eye to Blue <u>completely</u>.</font></b>
      <br />
      <b><font size="3" color="CC0000">*** Review your receipt for your current/correct name and address!  Call us Monday through Saturday (10am-7pm PST) if correction is to be made at 775-293-2800! Do not email!</font></b>
      <br />
    </div>
  </TD>
  <TD>
    <img src="dot_clear.gif" HEIGHT="10" WIDTH="30" BORDER="0"><!--WIDTH="67"-->
  </TD>		
</TR>	
<TR>
  <TD COLSPAN="4"><img src="dot_clear.gif" HEIGHT="46" WIDTH="720" BORDER="0"></TD>
</TR>						
</TABLE>

Open in new window


this is the code part that I changed to get a better arrangement -
      <div style="float:right; padding:0px; width:297px; height: 199px; background-image: url('browse_catalog_img.gif');">
        <a href="/index.php?page=products-expressions1" class="overLink" style="margin-top: 29px;"> &nbsp;</a>
        <a href="/index.php?page=products-impressions" class="overLink" style="margin-top: 14px;"> &nbsp;</a>
        <a href="/?page=products-halloween" class="overLink"> &nbsp;</a>
      </div>

Open in new window


I works in firefox, and seems better to me, also you can, modify the Image to link if needed such as change the hooloween image to thanksgiving image , without a change to the big image, useing something like -

<a href="/?page=products-thanksgiving" class="overLink"><img src="thanksgiving_txt.gif"></a>

the image thanksgiving_txt.gif , must be a correct size of course.

Your page is NOT responsive to smaller Table and Cell Phone browser display, The current HTML usually demands that a Page be responsive, so Cell Phone users can order from your products.

Ask questions if you need more info.
0
northernknightAuthor Commented:
Sorry guys, I found in the admin that someone turned off Halloween so that it does not resolve.  Once I turned it back on, the Halloween link worked.  So no coding changes required.

Thank you all for your input.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
northernknightAuthor Commented:
I found that there was a setting in the admin to turn on and off the feature.  Once I turned it on, it work.  No code editing was required.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
PHP

From novice to tech pro — start learning today.