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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    May 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    #1 (permalink) Report Post Javascript Menu Not Working In IE7

    So, as I posted in another forum area that I was having issues with the alignment of the menu, thats fixed in firefox and IE 8 and other browsers. When I view my website in ie7 the menu does not show up. Any suggestions?

    Here is the code of our home page.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
    <title>Camas High School</title>
    <link rel="shortcut icon" href="favicon.ico" />
    <meta name="verify-v1" content="acqu+Y9bqKxD7VZO3QwRsHa9TySuAqaKBKNYQpFgg Qg=" />
    <meta name="description" content="Athletics, feature pages, daily bulletin, business partnerships, alumni, events, news, organizations, curriculum, and student resources." />
    <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
    </script>
    <script type="text/javascript">
    _uacct = "UA-1231643-5";
    urchinTracker();
    </script>

    <link rel="stylesheet" type="text/css" href="style.css" />
    <link rel="stylesheet" href="horiz_menu/menu.css" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <style type="text/css">
    <!--
    a:link {
    color: #000000;
    text-decoration: none;
    }
    a:visited {
    color: #333333;
    text-decoration: none;
    }
    .style16 {font-size: 0.75em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; }
    .style23 {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
    .style62 {color: #000000;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    }
    .style64 {font-size: 10px; font-style: italic; color: #000000;}
    .style24 {
    font-size: 9px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    .style25 {
    color: #990000;
    font-weight: bold;
    }
    .style26 {color: #000000}
    .style66 {font-size: 12px}
    .style67 {color: #990000}
    .style68 {color: #333333}
    .style70 {
    color: #000000;
    font-style: italic;
    font-weight: bold;
    }
    .style71 {font-size: 10px}
    .style72 {color: #990000; font-size: 12px; }
    .style77 {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; }
    .style78 {font-size: 9px}
    a:hover {
    text-decoration: underline;
    }
    a:active {
    text-decoration: none;
    }
    .style79 {font-size: 14px}
    .style80 {color: #990000; font-size: 14px; }
    .style81 {
    color: #990000;
    font-size: 14px;
    font-weight: bold;
    }
    .style85 {font-size: 9px; font-weight: bold; }
    .style86 {color: #FFFFFF}
    -->
    </style>

    <script type="text/javascript" language="JavaScript" src="horiz_menu/menu.js"></script>
    <!-- items structure. menu hierarchy and links are stored there -->
    <script type="text/javascript" language="JavaScript" src="horiz_menu/menu_items.js"></script>
    <!-- files with geometry and styles structures -->
    <script type="text/javascript" language="JavaScript" src="horiz_menu/menu_tpl.js"></script>

    </head>
    <body>
    <!-- Begin Wrapper -->
    <div id="wrapper">
    <!-- Begin Header -->
    <div id="header">
    <div class="logo"></div>
    </div>
    <!-- End Header -->
    <!-- Begin Navigation -->
    <div id="navigation">
    <br />
    <script type="text/javascript" language="JavaScript">
    <!--//
    // Make sure the menu initialization is right above the closing </body> tag
    // Moving it inside other tags will not affect the position of the menu on
    // the page. If you need this feature please consider Tigra Menu GOLD.

    // each menu gets two parameters (see demo files)
    // 1. items structure
    // 2. geometry structure

    new menu (MENU_ITEMS, MENU_TPL);

    // If you don't see the menu then check JavaScript console of the browser for the error messages
    // "Variable is not defined" error indicates that there's syntax error in that variable's definition
    // or the file with that variable isn't properly linked to the HTML document
    //-->
    </script>
    </div>
    <!-- End Navigation -->
    <!-- Begin Left Column -->
    <div id="leftcolumn">
    <div class="ver-nav">
    <ul>
    <li>
    <h2>CHS Programs</h2>
    <ul>
    <li><a href="http://www.camas.wednet.edu/chs/info/chs_profile.pdf">About CHS </a></li>
    <li><a href="academics/index.html">Academic Programs </a></li>
    <li><a href="athletics/index.html">Athletic Programs </a></li>
    <li><a href="http://www.camas.wednet.edu/chs/counseling/">Career &amp; Counseling </a></li>
    <li><a href="http://www.camas.wednet.edu/chs/lic/">Library Information Center</a></li>
    <li><a href="http://www.camas.wednet.edu/chs/info/cte.pdf">Career &amp; Technical Ed.</a></li>
    <li><a href="club/index.html">Clubs &amp; Organizations </a></li>
    <li><a href="http://www.camas.wednet.edu/boosters/">Athletic Booster Club</a> </li>
    <li><a href="http://www.camas.wednet.edu/chs/alumni/default.asp">Alumni</a></li>
    </ul>
    </li>
    <li>
    <h2>Administration</h2>
    </li>
    <li>
    <table width="99%" border="0" align="center">
    <tr>
    <td width="194" align="left" background="http://www.webmaster-talk.com/images/mtbg.jpg"><span class="style26"><strong>Principal: </strong><a href="mailto:steve.marshall@camas.wednet.edu">Stev e Marshall</a></span></td>
    </tr>
    <tr>
    <td align="left" class="style67"><span class="style26"><strong>Asst. Principal: </strong><a href="mailto:ellise.anderson@camas.wednet.edu">Ell ise Anderson</a></span> </td>
    </tr>
    <tr>
    <td align="left" background="http://www.webmaster-talk.com/images/mtbg.jpg" class="style67"><span class="style26"><strong>Asst. Principal: </strong><a href="mailto:tom.morris@camas.wednet.edu">Tom Morris</a></span></td>
    </tr>
    <tr>
    <td align="left" class="style26"><strong>Dean of Students: </strong><a href="mailto:joshua.gibson@camas.wednet.edu">Josh Gibson</a></td>
    </tr>
    <tr>
    <td align="left" class="style26">&nbsp;</td>
    </tr>
    </table>
    </li>
    <li>
    <div align="center"><a href="http://www.camas.wednet.edu/"><img src="http://www.webmaster-talk.com/images/csd_logo.gif" alt="" width="98" height="48" border="0" /></a></div>
    </li>
    </ul>
    <ul>
    <li>
    <h2><strong>District</strong> Information </h2>
    </li>
    <li><ul>
    <li><a href="http://www.camas.wednet.edu/">Home</a></li>
    <li><a href="http://www.camas.wednet.edu/district/district_info/mission.htm">District Info </a></li>
    <li><a href="http://www.camas.wednet.edu/district/parent_corner/camas_schools.html">Parent Corner </a></li>
    <li><a href="http://www.camas.wednet.edu/district/business_services/budget_funding.htm">Business Operations</a></li>
    <li><a href="http://www.camas.wednet.edu/district/teaching_learning/assessments.htm">Teaching and Learning</a></li>
    <li><a href="http://www.camas.wednet.edu/district/school_board/meetings.htm">Camas School Board</a> </li>
    <li><a href="http://www.camas.wednet.edu/district/district_info/calendar.htm">Calendar Information</a></li>
    <li><a href="http://www.flashalert.net/news.html?id=21">Emergency Information</a> </li>
    </ul>
    </li>
    </ul>
    <div class="news">
    <h4><br />
    <a href="#"></a> </h4>
    <div class="clear"></div>
    </div>
    <table width="100%" height="100" border="0" align="center" bgcolor="#161616">
    <tr>
    <td height="30" align="center"><table border="1" align="center" cellpadding="2" cellspacing="2" bordercolor="#333333" bgcolor="#FFFFFF">
    <tr>
    <td width="174" height="65" class="style23"><div align="center"><a href="http://www.safeschools.com/lifeline.php"><img src="../images/safe_schools_logogif.gif" width="100" height="30" border="0" /></a><br />
    <span class="style62">1-866-548-3847 (ext. 184)<br />
    </span><span class="style64"><a href="http://www.safeschools.com/lifeline.php">Anonymously report any unsafe or threatening activity toll-free 24/7.</a> </span></div></td>
    </tr>
    </table></td>
    </tr>
    </table>
    <p align="center"><span class="style71">Last Update:
    <!-- #BeginDate format:Am1 -->May 22, 2009<!-- #EndDate -->
    </span></p>
    </div>
    </div>
    <!-- End Left Column -->
    <!-- Begin Content Column -->
    <div id="content">
    <h3>&nbsp;</h3>
    <h3>Senior Scholarship Opportunites</h3>
    <div class="maintext">
    <h3> <a href="http://camascommunications.blogspot.com/2009/04/chs-students-athletes-set-personal-best.html"></a> </h3>
    <div></div>
    <div>
    <p><strong><strong><strong><img src="http://www.webmaster-talk.com/images/scholarships.gif" width="75" height="73" align="right" /></strong></strong>Seniors check out these local scholarship opportunities: </strong><br />
    <span class="style67"><span class="style66"><strong><br />
    <span class="style79">What’s Right with America</span></strong></span><br />
    </span><span class="style66">$1000 local Scholarship is due Friday, May 15th. Scholarship evaluates students involvements, leadership, school activities/awards.</span><br />
    <span class="style71"><span class="style66"><strong><span class="style80">One Stop Home Furnishings Scholarship</span><br />
    </strong>For a business major - Deadline is May 15th <br />
    <strong><span class="style80">Carlinda Allen Memorial Scholarship</span><br />
    </strong>For a Senior pursuing a degree in education – Deadline is May 15th <br />
    <span class="style80"><strong>Lawton Family Scholarship</strong></span><strong><br />
    </strong>Deadline is May 15th <br />
    <strong><span class="style80">Camas Cares Scholarship</span><br />
    </strong>Deadline is May 20th <br />
    <strong><span class="style80">The Dennison-Sodexho</span><br />
    </strong>$1000 one time only scholarship - Deadline is May 29th. 3.0gpa and financial need. </span></span></p>
    <p><span class="style72"><strong><span class="style79">Camas Lions</span><br />
    </strong><span class="style68">Community Service </span></span><span class="style66">(3) $1000 scholarships </span><br />
    <span class="style70">See the Career Center or visit: <br />
    </span><a href="http://www.camas.wednet.edu/chs/counseling/index.htm">http://www.camas.wednet.edu/chs/counseling/index.htm</a></p>
    <p align="left"><span class="style24"><em>May 11, 2009</em></span></p>
    </div>
    </div>
    <h3 align="center">&nbsp;</h3>
    <h3>HS Science Olympiad Team places 3rd among 20 teams at State</h3>
    <div class="maintext">
    <h3> <a href="http://camascommunications.blogspot.com/2009/04/volunteering-raising-awareness.html"></a> </h3>
    <div></div>
    <div>
    <p><img src="http://www.webmaster-talk.com/images/science_olympiad.gif" alt="" width="175" height="74" align="left" /> The Camas High School Science Olympiad Team took home the third place trophy, for the second year in a row, at the State Tournament at Clark College on April 18. The team performed tremendously, and several talented Camas students took home first place medals, with a narrow 15 points separating the top three teams.
    <br />
    &quot;In three short years we have established ourselves as one of the premier teams in the state,&quot; commented Wright. &quot;Congratulations to the team, parents, and Camas School District staff.&quot;</p>
    <p><span class="style24"><em>04/29/09</em></span><br />
    </p>
    </div>
    </div>
    <h3 align="center">&nbsp;</h3>
    <h3>Student Athletes Set Personal Best </h3>
    <div class="maintext">
    <h3> <a href="http://camascommunications.blogspot.com/2009/04/chs-students-athletes-set-personal-best.html"></a> </h3>
    <div></div>
    <div>
    <p> <img src="http://www.webmaster-talk.com/images/good_job.gif" width="85" height="120" align="right" />Grade point averages (GPA’s) at Camas High School hit an all-time high for the 2008-09 school year. Among the 371 varsity student athletes, the average GPA is 3.38. Way to go Papermakers!<br />
    <br />
    <strong><span class="style67">Sport – GPA</span> (Number of varsity students)</strong></p>
    <table width="407" border="0" align="center">
    <tr>
    <td colspan="2" valign="top" bgcolor="#000000"><div align="center"><span class="style66 style86"><strong>Fall</strong></span></div></td>
    <td colspan="2" valign="top" bgcolor="#000000"><div align="center"><span class="style66 style86"><strong>Winter</strong></span></div></td>
    <td valign="top" bgcolor="#000000"><div align="center"><span class="style66 style86"><strong>Spring</strong></span></div></td>
    </tr>
    <tr>
    <td width="129" colspan="2" valign="top"><span class="style66"><span class="style78">Cheer - 3.22 (12)<br />
    Boys Cross Country - 3.56 (9)<br />
    Girls Cross Country - 3.56 (9)<br />
    Dance - 3.22 (18)<br />
    Football - 3.06 (49)<br />
    Boys Golf - 3.38 (12)<br />
    Boys Tennis - 3.11 (23)<br />
    Volleyball - 3.57 (11)<br />
    Girls Soccer - 3.5 (20)<br />
    Girls Swim - 3.74 (19)</span></span></td>
    <td colspan="2" valign="top"><span class="style66"><span class="style78">Boys Basketball - 3.07 (12)<br />
    Girls Basketball - 3.38 (12)<br />
    Gymnastics - 3.37 (17)<br />
    Boys Swimming - 3.31 (22)<br />
    Wrestling - 3.11 (22)</span></span></td>
    <td width="109" valign="top"><span class="style66"><span class="style78">Baseball - 3.26 (16)<br />
    Girls Golf - 3.50 (7)<br />
    Boys Soccer - 3.45 (19)<br />
    Girls Softball - 3.32 (16)<br />
    Girls Tennis - 3.40 (9)<br />
    Boys Track - 3.55 (18)<br />
    Girls Track - 3.40 (19)</span></span></td>
    </tr>
    </table>
    <p align="left"><span class="style24"><em>May 10 , 2009</em></span></p>
    </div>
    </div>
    <div align="center"></div>
    </div>
    <!-- End Content Column -->
    <!-- Begin Right Column -->
    <div id="rightcolumn">
    <h3>Upcoming Events</h3>
    <div class="news">
    <table width="100%" border="0" align="center" cellpadding="2" cellspacing="3">
    <tr>
    <td colspan="2" align="center" valign="middle" bgcolor="#990000" class="style77">May</td>
    </tr>
    <tr>
    <td width="18" valign="top" bgcolor="#E2E2E2"><span class="style16">01</span></td>
    <td width="177" class="style24"><span class="style24">End of 6 Week Grading Period </span></td>
    </tr>
    <tr>
    <td valign="top" bgcolor="#E2E2E2" class="style16">12</td>
    <td class="style24"> College &amp; Beyond Scholarship Night for 7th-9th Parents &amp; Students Theatre 6:30pm</td>
    </tr>
    <tr>
    <td valign="top" bgcolor="#E2E2E2" class="style16">15</td>
    <td class="style24">Sr. Project Teacher
    Evaluations &amp; Portfolios Due</td>
    </tr>
    <tr>
    <td valign="top" bgcolor="#E2E2E2" class="style16">19</td>
    <td class="style24">CHS Choir Concert - Theatre 7pm</td>
    </tr>
    <tr>
    <td valign="top" bgcolor="#E2E2E2" class="style16">25</td>
    <td class="style24">Memorial Day Holiday <br />
    (No School)</td>
    </tr>
    <tr>
    <td valign="top" bgcolor="#E2E2E2" class="style16">30</td>
    <td class="style24">Grad Night '09 Fundraising BBQ @ QFC 11am</td>
    </tr>
    <tr>
    <td colspan="2" align="center" valign="middle" bgcolor="#990000" class="style77">June</td>
    </tr>
    <tr>
    <td valign="top" bgcolor="#E2E2E2" class="style16">2,3,4</td>
    <td class="style24">Senior Project Boards <br />
    (Late Start) </td>
    </tr>
    <tr>
    <td valign="top" bgcolor="#E2E2E2" class="style16">7</td>
    <td class="style24">SAT Testing 8am </td>
    </tr>
    <tr>
    <td valign="top" bgcolor="#E2E2E2" class="style16">11</td>
    <td class="style24">Senior Father Breakfast 9:15am </td>
    </tr>
    <tr>
    <td valign="top" bgcolor="#E2E2E2" class="style16">12</td>
    <td class="style24">CHS Graduation 7pm </td>
    </tr>
    <tr>
    <td valign="top" bgcolor="#E2E2E2" class="style16">22</td>
    <td class="style24">Last Day of Classes </td>
    </tr>
    </table>
    <div class="clear"><a href="#">ore</a> </div>
    </div>
    <h2>News</h2>
    <div class="news">
    <h4><img src="http://www.webmaster-talk.com/images/sm_joepaper3.gif" alt="" width="50" height="94" align="right" />April Pride Inside </h4>
    <p><span class="style26"><span class="style71">Congratulations to the following student recipients of the April Camas High School Pride Inside Award. These students were nominated and selected by staff for epitomizing the character and qualities that teachers would expect from a “great CHS student”:</span></span> </p>
    <p><span class="style25">Seniors</span> <br />
    Jamie McElravy &amp; Tanner Boyd<br />
    <span class="style25">Juniors</span><br />
    Michelle McIvor &amp; James Ells <br />
    <span class="style25">Sophomores</span> <br />
    Alicia Hamlin &amp; Brett Steffens<br />
    <span class="style25">Freshmen</span> <br />
    Anita Bauer &amp; Jace Schumacher<br />
    <span class="style25">Staff</span><br />
    Connie Gazow</p>
    <div class="clear">
    <div align="center"></div>
    </div>
    <p><a href="#"></a> </p>
    </div>
    <div class="reg">
    <div class="clear"></div>
    <h3>Other Information </h3>
    <div class="news">
    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="6">
    <tr>
    <td align="left" valign="top"> <div align="left"><a href="http://www.camas.wednet.edu/chs/info/rotary_youth_exchange.pdf"><img src="http://www.webmaster-talk.com/images/temp/youth_exchange.gif" alt="" width="60" height="65" border="0" align="right" /><strong>Rotary Youth Exchange Program<br />
    </strong><span class="style24">Contact Mrs.Keene<br />
    for more information. </span></a> </div>
    <p align="center">&nbsp;</p> <div align="center"></div></td>
    </tr>
    <tr>
    <td align="left" valign="top"><div align="left"><strong><img src="http://www.webmaster-talk.com/images/scholarships.gif" alt="" width="75" height="73" align="right" /><span class="style81">Scholarship<br />
    Dinner Concert</span></strong>
    </div>
    <p>More information contact: <br />
    Neil Jackson @ 600-2062 or Steve Frye @ 904-1466 or see Mrs. Downs in the Career Center.</p>
    <p><br />
    </p></td>
    </tr>
    <tr>
    <td align="left" valign="top"><div align="left"><img src="http://www.webmaster-talk.com/images/sm_mmachine3.jpg" alt="" width="75" height="53" align="right" /> <span class="style26"><strong>Last Chance <br />
    to buy a Yearbook! </strong></span>
    </div>
    <p align="center">May 29, the yearbook cost is only $55 payable at the ASB Office...</p></td>
    </tr>
    <tr>
    <td align="left" valign="middle"><p><img src="http://www.webmaster-talk.com/images/dont_forget_finger.gif" alt="" width="60" height="90" align="right" /></p>
    <span class="style81">Don't Forget! </span>
    <p><span class="style85">Senior Father Breakfast</span><br />
    Jun 11, 2009 - 9:25am</p></td>
    </tr>
    </table>
    <h5 align="left"><a href="http://www.camas.wednet.edu/chs/info/rotary_youth_exchange.pdf"></a></h5>
    <div align="left"><a href="#"></a> </div>
    <div class="clear">
    <div align="center"><a href="#"></a> </div>
    </div>
    </div>
    </div>
    </div>
    <!-- End Right Column -->
    <!-- Begin Footer -->
    <div id="footer"> <span class="style24">Copyright Camas School District 2009-10</span></div>
    <!-- End Footer -->
    </div>
    <!-- End Wrapper -->
    </body>
    </html>
    Any and all help is appreciated. We are wanting to launch it today, but since the school uses a majority of ie7 it would not be wise.

    The live site - http://www.camas.wednet.edu/chs/temp/

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    I'd recommend you to avoid relying on javascript to make your drop down, as it may cause serious accessibility issues for people who have no javascript support in their browser.
    Also, you have got some divitis in your markup.

    Have a look http://htmldog.com/articles/suckerfish/dropdowns/ , to see how to make a good CSS based drop down.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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