|
Click to See Complete Forum and Search --> : Navigation Bar shows behind Forms randolphoralph 02-06-2009, 09:36 AM I am designing a site and I have a naigation bar that when you scroll over it with a mouse it shows other links to other pages. However when I am on the Contact page which has a form on it the navagation links show behind the form. Any help would be greatly appreciated. WebJoel 02-06-2009, 11:25 AM How can we help you without seeing your code? Either paste your entire HTML code, or provide the URL to the source if the site is hosted online. Nobody can possibly predict a solution to your problem from just the description you gave. *I suspect* one of several things could be responsible for this... but, need to see your code. randolphoralph 02-06-2009, 12:31 PM <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Computers - Contact Us</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <meta name="Author" content="Computers"> <meta name="Copyright" content="2009"> <meta name="Description" content="Cheap repair."> <meta name="Date" content="2009"> <meta name="Keywords" content="Bastrop, Elgin, Webberville, Smithville, LaGrange, Del Valle, Bee Caves, Manchaca, Kyle, Buda, Cedar Park, Recycling"> <meta name="Language" content="English"> <meta name="revisit-after" content="30 days"> <meta name="Robots" content="All"> <script> <!-- function F_loadRollover(){} function F_roll(){} //--> </script> <SCRIPT LANGUAGE="JavaScript1.2" SRC="../assets/rollover.js"></SCRIPT> <nolayer> <style id="NOF_STYLE_SHEET"> <!-- DIV#NavigationBar1_1LYR { position:absolute; visibility:hidden; top:0; left:0; z-index:1; } --> </style> </nolayer> </head> <body NOF="(MB=(DefaultMasterBorder, 142, 0, 181, 0), L=(ContactUsLayout, 589, 744))" bgcolor="#A0A0A4" TEXT="#000000" LINK="#0000FF" VLINK="#800080" topmargin=0 leftmargin=0 marginwidth=0 marginheight=0> <center> <table border=0 cellspacing=0 cellpadding=0 width=770 nof=ly> <tr valign=top align=left> <td height=25></td> </tr> <tr valign=top align=left> <td height=113 width=770><img id="Picture49" height=113 width=770 src="../assets/images/header103.gif" border=0 alt="header103" title="header103"></td> </tr> </table> <table cellpadding=0 cellspacing=0 border=0 width=770 nof=ly> <tr valign=top align=left> <td> <table border=0 cellspacing=0 cellpadding=0 nof=ly> <tr valign=top align=left> <td height=4></td> </tr> <tr valign=top align=left> <td width=175> <table id="Table9" border=1 BORDERCOLOR="#FF0000" BGCOLOR="#FFFFCE" cellspacing=0 cellpadding=0 width=175 height=317> <tr height=19> <td width=171 BGCOLOR="#000000"> <p align=center><b><font COLOR="#FFFFFF">Site Navigation</font></b></p> </td> </tr> <tr height=316> <td valign=top> <p> <table width="100%" border=0 cellspacing=0 cellpadding=0 nof=te> <tr> <td align="CENTER"> <table id="NavigationBar1" border=0 cellspacing=8 cellpadding=0 NOF=NB_FYVPNY1020NOF=NB_FYVPNY1020 width=135> <tr valign=top align=left> <td width=119 height=20><a href="../index.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton1','',0);F_roll('NavigationButton1',1)" onMouseOut="F_roll('NavigationButton1',0)"><img id="NavigationButton1" name="NavigationButton1" height=20 width=119 src="../assets/images/autogen/Home_Np1.GIF" onLoad="F_loadRollover(this,'Home_NRp2.GIF',0)" border=0 alt="Home" title="Home"></a></td> </tr> <tr valign=top align=left> <td width=119 height=20><a href="../html/service.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton2','',0);F_roll('NavigationButton2',1)" onMouseOut="F_roll('NavigationButton2',0)"><ilayer id="NavigationButton2"></ilayer><img id="NavigationButton2" name="NavigationButton2" height=20 width=119 src="../assets/images/autogen/Service_Np1.GIF" onLoad="F_loadRollover(this,'Service_NRp2.GIF',new Array('NavigationBar1_1', 'vertical', 'right', 119, 0))" border=0 alt="Service" title="Service"></a></td> </tr> <tr valign=top align=left> <td width=119 height=20><a href="../html/service_form.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton3','',0);F_roll('NavigationButton3',1)" onMouseOut="F_roll('NavigationButton3',0)"><img id="NavigationButton3" name="NavigationButton3" height=20 width=119 src="../assets/images/autogen/Service_Form_Np1.GIF" onLoad="F_loadRollover(this,'Service_Form_NRp2.GIF',0)" border=0 alt="Service Form" title="Service Form"></a></td> </tr> <tr valign=top align=left> <td width=119 height=20><a href="../html/pricing.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton4','',0);F_roll('NavigationButton4',1)" onMouseOut="F_roll('NavigationButton4',0)"><img id="NavigationButton4" name="NavigationButton4" height=20 width=119 src="../assets/images/autogen/Pricing_Np1.GIF" onLoad="F_loadRollover(this,'Pricing_NRp2.GIF',0)" border=0 alt="Pricing" title="Pricing"></a></td> </tr> <tr valign=top align=left> <td width=119 height=20><a href="../html/parts.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton5','',0);F_roll('NavigationButton5',1)" onMouseOut="F_roll('NavigationButton5',0)"><img id="NavigationButton5" name="NavigationButton5" height=20 width=119 src="../assets/images/autogen/Parts_Np1.GIF" onLoad="F_loadRollover(this,'Parts_NRp2.GIF',0)" border=0 alt="Parts" title="Parts"></a></td> </tr> <tr valign=top align=left> <td width=119 height=20><a href="../html/warranty.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton6','',0);F_roll('NavigationButton6',1)" onMouseOut="F_roll('NavigationButton6',0)"><img id="NavigationButton6" name="NavigationButton6" height=20 width=119 src="../assets/images/autogen/Warranty_Np1.GIF" onLoad="F_loadRollover(this,'Warranty_NRp2.GIF',0)" border=0 alt="Warranty" title="Warranty"></a></td> </tr> <tr valign=top align=left> <td width=119 height=20><a href="../html/experience.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton7','',0);F_roll('NavigationButton7',1)" onMouseOut="F_roll('NavigationButton7',0)"><img id="NavigationButton7" name="NavigationButton7" height=20 width=119 src="../assets/images/autogen/Experience_Np1.GIF" onLoad="F_loadRollover(this,'Experience_NRp2.GIF',0)" border=0 alt="Experience" title="Experience"></a></td> </tr> <tr valign=top align=left> <td width=119 height=20><a href="../html/e-recycling.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton8','',0);F_roll('NavigationButton8',1)" onMouseOut="F_roll('NavigationButton8',0)"><img id="NavigationButton8" name="NavigationButton8" height=20 width=119 src="../assets/images/autogen/e-Recycling_Np1.GIF" onLoad="F_loadRollover(this,'e-Recycling_NRp2.GIF',0)" border=0 alt="e-Recycling" title="e-Recycling"></a></td> </tr> <tr valign=top align=left> <td width=119 height=20><a href="../html/about_us.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton9','',0);F_roll('NavigationButton9',1)" onMouseOut="F_roll('NavigationButton9',0)"><img id="NavigationButton9" name="NavigationButton9" height=20 width=119 src="../assets/images/autogen/About_Us_Np1.GIF" onLoad="F_loadRollover(this,'About_Us_NRp2.GIF',0)" border=0 alt="About Us" title="About Us"></a></td> </tr> <tr valign=top align=left> randolphoralph 02-06-2009, 12:32 PM <td width=119 height=20><a href="../html/contact_us.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton10','',0);F_roll('NavigationButton10',1)" onMouseOut="F_roll('NavigationButton10',0)"><img id="NavigationButton10" name="NavigationButton10" height=20 width=119 src="../assets/images/autogen/Contact_Us_Hp3.gif" onLoad="F_loadRollover(this,'Contact_Us_HRp4.GIF',0)" border=0 alt="Contact Us" title="Contact Us"></a></td> </tr> <tr valign=top align=left> <td width=119 height=20><a href="../html/our_technicians.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton11','',0);F_roll('NavigationButton11',1)" onMouseOut="F_roll('NavigationButton11',0)"><img id="NavigationButton11" name="NavigationButton11" height=20 width=119 src="../assets/images/autogen/Our_Technicians_Np1.GIF" onLoad="F_loadRollover(this,'Our_Technicians_NRp2.GIF',0)" border=0 alt="Our Technicians" title="Our Technicians"></a></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table border=0 cellspacing=0 cellpadding=0 nof=ly> <tr valign=top align=left> <td width=1 height=7><img src="../assets/images/autogen/clearpixel.gif" width=1 height=1 border=0 alt=""></td> <td></td> </tr> <tr valign=top align=left> <td></td> <td width=174> <table id="Table18" border=1 BORDERCOLOR="#FF0000" cellspacing=0 cellpadding=2 width=174 height=101> <tr height=38> <td colspan=2 BGCOLOR="#000000"> <p align=center><b><font COLOR="#FFFFFF">Business Hours<br>904 Chestnut</font></b></p> </td> </tr> <tr height=19> <td width=116 BGCOLOR="#FFFFCE"> <p align=center><b>Monday - Friday</b></p> </td> <td width=44 BGCOLOR="#FFFFCE"> <p align=center><b>9-6</b></p> </td> </tr> <tr height=19> <td BGCOLOR="#FFFFCE"> <p align=center><b>Saturday</b></p> </td> <td BGCOLOR="#FFFFCE"> <p align=center><b>10-4</b></p> </td> </tr> <tr height=19> <td BGCOLOR="#FFFFCE"> <p align=center><b>Sunday</b></p> </td> <td BGCOLOR="#FFFFCE"> <p align=center><b>closed</b></p> </td> </tr> </table> </td> </tr> </table> <table border=0 cellspacing=0 cellpadding=0 nof=ly> <tr valign=top align=left> <td height=5></td> </tr> <tr valign=top align=left> <td width=175> <table id="Table12" border=1 BORDERCOLOR="#FF0000" cellspacing=0 cellpadding=0 width=175 height=260> <tr height=19> <td valign=top width=171 BGCOLOR="#000000"> <p align=center><b><font COLOR="#FFFFFF">Accepted Payments</font></b></p> </td> </tr> <tr height=83> <td> <p><img id="Picture18" height=83 width=170 src="../assets/images/check.jpg" vspace=0 hspace=0 align="TOP" border=0 alt="check" title="check"></td> </tr> <tr height=160> <td> <p><img id="Picture19" height=160 width=170 src="../assets/images/money.jpg" vspace=0 hspace=0 align="TOP" border=0 alt="money" title="money"></td> </tr> </table> </td> </tr> </table> </td> <td> <table border=0 cellspacing=0 cellpadding=0 nof=ly> <tr valign=top align=left> <td width=6 height=4><img src="../assets/images/autogen/clearpixel.gif" width=6 height=1 border=0 alt=""></td> <td></td> </tr> <tr valign=top align=left> <td></td> <td width=589> <table id="Table14" border=1 BORDERCOLOR="#FF0000" BGCOLOR="#FFFFCE" cellspacing=0 cellpadding=0 width=589 height=341> <tr height=337> <td width=585> <p align=center><script type="text/javascript" src="swfobject.js"></script><div id="CC2847679"><b>OOPS! </b>You forgot to upload swfobject.js ! You must upload this file for your form to work.</div><script type="text/javascript">var so = new SWFObject("contact_us_form.swf", "contact_us_form.xml", "579", "300", "7,0,0,0", "#ffffff");so.addParam("classid", "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000");so.addParam("quality", "high");so.addParam("scale", "noscale");so.addParam("salign", "lt");so.addParam("FlashVars", "xmlfile=contact_us_form.xml&w=579&h=300");so.write("CC2847679");</script> </p> </td> </tr> </table> </td> </tr> </table> <table border=0 cellspacing=0 cellpadding=0 nof=ly> <tr valign=top align=left> <td width=6 height=8><img src="../assets/images/autogen/clearpixel.gif" width=6 height=1 border=0 alt=""></td> <td></td> </tr> <tr valign=top align=left> <td></td> <td width=589> <table id="Table15" border=1 BORDERCOLOR="#FF0000" BGCOLOR="#FFFFCE" cellspacing=0 cellpadding=20 width=589 height=268> <tr height=224> <td width=545> <p><font size="+1">You can always call or e-mail us with questions, comments, or concerns.</font></p> <p><font size="+1">Phone : (555) 555-5555</font></p> <p><font size="+1">E-mail: sales@computers.net</font></p> <p><font size="+1">Normal business hours are Monday thru Friday from 9am to 6pm and 10am to 4pm on Saturday.</font></p> <p><font size="+1">Additional fees for emergency support.</font></p> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </center> <SCRIPT language="javascript"> var C_MENU_BORDER = 0; var C_MENU_SPACING = 8; var C_MENU_BGCOLOR = ""; var C_MENU_AUTO_CLOSE = true; new NOF_Menu( new NOF_Main_Menu(new NOF_Menu_Item('NavigationBar1_1', 'vertical', 'right', 119, 0, new NOF_Menu_Button('../html/walk_in.html','../assets/images/autogen/Walk_In_Np1.GIF','../assets/images/autogen/Walk_In_NRp2.GIF'),new NOF_Menu_Button('../html/mail_in.html','../assets/images/autogen/Mail_In_Np1.GIF','../assets/images/autogen/Mail_In_NRp2.GIF'),new NOF_Menu_Button('../html/service_call.html','../assets/images/autogen/Service_Call_Np1.GIF','../assets/images/autogen/Service_Call_NRp2.GIF'))) ); </SCRIPT> </body> </html> randolphoralph 02-06-2009, 02:33 PM I am new to posting to forums so please forgive me for not pasting my code originally. I did have to paste the code in two different responses. ambytiousone 02-09-2009, 03:51 PM It seems that you have a lot of excess coding. Do you have this uploaded to a host yet so I can see it online? I think we can reduce the script a bunch as well as find the error in your nav script... this is JavaScript and html? Is there any Css? randolphoralph 02-17-2009, 04:55 PM The link for the site is http://hypercomputers.net/ There is both Javascript and HTML. The forms were created using Coffee Cup Form Builder. The problem is when on the Service Form page or Contact Us page and you click on the Nav Bar (Service Button) the links show behind the form pages. randolphoralph 02-24-2009, 10:17 AM Does anyone have any thoughts on this issue? webdeveloper.com
Copyright Internet.com Inc., All Rights Reserved. |
|