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
    Dec 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Works in FireFox not in IE

    I created a site and the menu has a list that appears when you put your mouse over the main heading. It works in Fire Fox, but not in IE
    http://stagemonkey.calvinet.com/GLTG/Test3.html

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <!-- DW6 -->
    <head>
    <!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Geauga Lyric Theater Guild</title>
    <link rel="stylesheet" href="http://stagemonkey.calvinet.com/GLTG/emx_nav_left.css" />
    <script type="text/javascript">
    <!--
    var time = 3000;
    var numofitems = 7;
    
    //menu constructor
    function menu(allitems,thisitem,startstate){ 
      callname= "gl"+thisitem;
      divname="subglobal"+thisitem;  
      this.numberofmenuitems = allitems;
      this.caller = document.getElementById(callname);
      this.thediv = document.getElementById(divname);
      this.thediv.style.visibility = startstate;
    }
    
    //menu methods
    function ehandler(event,theobj){
      for (var i=1; i<= theobj.numberofmenuitems; i++){
        var shutdiv =eval( "menuitem"+i+".thediv");
        shutdiv.style.visibility="hidden";
      }
      theobj.thediv.style.visibility="visible";
    }
    				
    function closesubnav(event){
      if ((event.clientY <48)||(event.clientY > 107)){
        for (var i=1; i<= numofitems; i++){
          var shutdiv =eval('menuitem'+i+'.thediv');
          shutdiv.style.visibility='hidden';
        }
      }
    }
    // -->
    </script>
    <style type="text/css">
    <!--
    .style2 {font-size: 80%}
    .style3 {color: #990000}
    .style4 {color: #000000; }
    -->
    </style>
    </head>
    <body onmousemove="closesubnav(event);">
    <div class="skipLinks">skip to: <a href="#content">page content</a> | <a href="#pageNav">links on this page</a> | <a href="#globalNav">site navigation</a> | <a href="#siteInfo">footer (site information)</a> </div>
    <div id="masthead">
      <h1 id="siteName">&nbsp;</h1>
      <div id="globalNav"> <img alt="" src="http://stagemonkey.calvinet.com/GLTG/gblnav_left.gif" height="32" width="4" id="gnl" /> <img alt="" src="http://stagemonkey.calvinet.com/GLTG/glbnav_right.gif" height="32" width="4" id="gnr" />
        <div id="globalLink"> <a href="#" id="gl1" class="glink" onmouseover="ehandler(event,menuitem1);">Playbill</a><a href="#" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);">Box Office </a><a href="#" id="gl3" class="glink" onmouseover="ehandler(event,menuitem3);">Education</a><a href="#" id="gl4" class="glink" onmouseover="ehandler(event,menuitem4);">Get Involved </a><a href="#" id="gl5" class="glink" onmouseover="ehandler(event,menuitem5);">Support GLTG </a><a href="#" id="gl6" class="glink" onmouseover="ehandler(event,menuitem6);">News &amp; Media  </a><a href="#" id="gl7" class="glink" onmouseover="ehandler(event,menuitem7);">About Us </a> </div>
        <!--end globalLinks-->
        <form id="search" action="">
          <input name="searchFor" type="text" size="10" />
          <a href="">search</a>
        </form>
      </div>
      <!-- end globalNav -->
      <div id="subglobal1" class="subglobalNav"> <a href="#">2007-2008 Season </a> |  <a href="#">Special Events</a> | <a href="#">Movies</a> |<a href="#"></a></div>
      <div id="subglobal2" class="subglobalNav"> <a href="#">Tickets</a> | <a href="#">Season Pass </a> | <a href="#">Group Sales </a> | <a href="#">Lobby</a> | <a href="#"></a></div>
      <div id="subglobal3" class="subglobalNav"> <a href="#">Classes &amp; Registration </a> | <a href="#">Youth Theatre </a> | <a href="#"></a></div>
      <div id="subglobal4" class="subglobalNav"> <a href="#">Auditions</a> | <a href="#">Volunteer</a> | <a href="#">Mailing List </a> | <a href="#">Membership</a> |</div>
      <div id="subglobal5" class="subglobalNav"> <a href="#">Donate</a> | <span class="style2">Season Pass</span>  | <a href="#">Membership</a> | <a href="#">Sponsorship</a> | <a href="#"></a></div>
      <div id="subglobal6" class="subglobalNav"> <a href="#">Press Releases </a> | <a href="#">Photos</a> | <a href="#"></a></div>
      <div id="subglobal7" class="subglobalNav"> <a href="#">Our Mission </a> | <a href="#">Our History </a> | <a href="#">Staff</a> | <a href="#">Location</a> |</div>
      <div id="subglobal8" class="subglobalNav"> <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> </div>
    </div>
    <!-- end masthead -->
    <div id="pagecell1">
      <!--pagecell1-->
      <img alt="" src="http://stagemonkey.calvinet.com/GLTG/tl_curve_white.gif" height="6" width="6" id="tl" /> <img alt="" src="http://stagemonkey.calvinet.com/GLTG/tr_curve_white.gif" height="6" width="6" id="tr" />
      <div>
        <div id="breadCrumb"></div>
      </div>
      <form action="" method="post" id="form1">
        <div align="center"><img src="GLTGbanner.jpg" width="932" height="95" />    </div>
      </form>
      <div align="left"></div>
      <div id="pageName">
        <div></div>
      </div>
      <div id="pageNav">
        <div id="sectionLinks"> <a href="#">Section Link</a> <a href="#">Section Link</a> <a href="#">Section Link</a> <a href="#">Section Link</a> <a href="#">Section Link</a> <a href="#">Section Link</a> </div>
        <div class="relatedLinks">
          <h3>Related Link Category</h3>
          <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> </div>
        <div class="relatedLinks">
          <h3>Related Link Category</h3>
          <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> <a href="#">Related Link</a> </div>
        <div id="advert"> <img src="" alt="" width="107" height="66" /> Advertisement copy goes here. Advertisement copy goes here. </div>
      </div>
      <div id="content">
        <div class="feature">
          <h3 align="center">Welcome to the Geauga Lyric Theater Guild </h3>
          <p>The GLTG, which was established in 1954, is the premier   performance group in Geauga County. With a diverse board, renovated auditorium, eudcational classes, online ticket sales and Web site, collaborative community events, as well as an   amazingly full performance, movie, and event schedule, the GLTG continues to excel in   its passion for the arts and working with the community. Our 2007-2008 season is full of opportunity for involvement   both on the stage, as well as behind it. The GLTG proudly offers several   main-stage productions, summer youth workshops, and countless events, all   designed to enhance your entertainment options. Members of the Geauga Lyric Theater Guild invite you to   become acquainted with the group by attending their productions and/or becoming   a member. Although they are based in Geauga, membership is not limited to any   specific county or area.</p>
        </div>
        <div class="story">
          <h3 class="style3">To Kill A Mockingbird Hits the Stage </h3>
          <p class="style4"><strong><em>To Kill A Mockingbird </em></strong> is sure to delight young and old alike. It tells the story of Scout, a young girl, her older brother, Jem, and her widowed father, Atticus. Through their neighborhood meanderings, Jem and Scout discover that the world isn't always fair, and that prejudice and racism is real in their world no matter how subtle it may seem. This beautiful show is directed by <strong>Pierre J. Brault</strong>, and contains an extraordinary cast, including: <strong>Angela Miloro</strong> (Mayella Ewell), <strong>Patricia Osredkar</strong> (Maudie Atkinson), and <strong>Adam Thompson</strong> (Dill Harris). Come and see the magic on stage.</p>
          <p class="style4">January 25,26,27 February 1,2,3, 8,9,10<br/>
            Fri. &amp; Sat. at 8:00 pm Sun. at 2:00 pm<br/> 
            <strong>Tickets $12 (Adult) $10 (Senior /   Student)</strong></p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
        </div>
        <div class="story">
          <table width="100%" cellpadding="0" cellspacing="0" summary="">
            <tr valign="top">
              <td class="storyLeft">
                <p> <a href="#" class="capsule">Capsule Story</a> Cras enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. <a href="#">Donec</a> eget lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris. </p>          </td>
              <td>
                <p> <a href="#" class="capsule">Capsule Story</a> Cras enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. <a href="#">Donec</a> eget lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris. </p>          </td>
            </tr>
            <tr valign="top">
              <td class="storyLeft">
                <p> <a href="#" class="capsule">Capsule Story</a> Cras enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. <a href="#">Donec</a> eget lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris. </p>          </td>
              <td>
                <p> <a href="#" class="capsule">Capsule Story</a> Cras enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. <a href="#">Donec</a> eget lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris. </p>          </td>
            </tr>
            <tr valign="top">
              <td class="storyLeft">
                <p> <a href="#" class="capsule">Capsule Story</a> Cras enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. <a href="#">Donec</a> eget lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris. </p>          </td>
              <td>
                <p> <a href="#" class="capsule">Capsule Story</a> Cras enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. <a href="#">Donec</a> eget lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris. </p>          </td>
            </tr>
          </table>
        </div>
      </div>
      <div id="siteInfo"> <img src="" width="44" height="22" /> <a href="#">About Us</a> | <a href="#">Site Map</a> | <a href="#">Privacy Policy</a> | <a href="#">Contact Us</a> | &copy;2003 Company Name </div>
    </div>
    <!--end pagecell1-->
    <br />
    <script type="text/javascript">
        <!--
          var menuitem1 = new menu(7,1,"hidden");
    			var menuitem2 = new menu(7,2,"hidden");
    			var menuitem3 = new menu(7,3,"hidden");
    			var menuitem4 = new menu(7,4,"hidden");
    			var menuitem5 = new menu(7,5,"hidden");
    			var menuitem6 = new menu(7,6,"hidden");
    			var menuitem7 = new menu(7,7,"hidden");
        // -->
        </script>
    </body>
    </html>

  • #2
    Senior Coder
    Join Date
    Mar 2005
    Location
    Portsmouth UK
    Posts
    4,498
    Thanks
    3
    Thanked 500 Times in 487 Posts
    All I could see was a positioning problem and some niceties

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <!-- DW6 -->
    <head>
    <!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Geauga Lyric Theater Guild</title>
    <link rel="stylesheet" href="http://stagemonkey.calvinet.com/GLTG/emx_nav_left.css" />
    <script type="text/javascript">
    <!--
    var time = 3000;
    var numofitems = 7;
    
    //menu constructor
    function menu(allitems,thisitem,startstate){
      callname= "gl"+thisitem;
      divname="subglobal"+thisitem;
      this.numberofmenuitems = allitems;
      this.caller = document.getElementById(callname);
      this.thediv = document.getElementById(divname);
      this.thediv.style.visibility = startstate;
    }
    
    //menu methods
    function ehandler(event,theobj){
      for (var i=1; i<= theobj.numberofmenuitems; i++){
        window["menuitem"+i].thediv.style.visibility="hidden";
      }
      theobj.thediv.style.visibility="visible";
    }
    
    function closesubnav(event){
      if ((event.clientY <48)||(event.clientY > 107)){
        for (var i=1; i<= numofitems; i++){
          window["menuitem"+i].thediv.style.visibility='hidden';
        }
      }
    }
    // -->
    </script>
    <style type="text/css">
    <!--
    .style2 {font-size: 80%}
    .style3 {color: #990000}
    .style4 {color: #000000; }
    -->
    </style>
    </head>
    <body onmousemove="closesubnav(event);">
    <div class="skipLinks">skip to: <a href="#content">page content</a> | <a href="#pageNav">links on this page</a> | <a href="#globalNav">site navigation</a> | <a href="#siteInfo">footer (site information)</a> </div>
    <div id="masthead" style="z-Index:101;" >
      <h1 id="siteName">&nbsp;</h1>
      <div id="globalNav"> <img alt="" src="http://stagemonkey.calvinet.com/GLTG/gblnav_left.gif" height="32" width="4" id="gnl" /> <img alt="" src="http://stagemonkey.calvinet.com/GLTG/glbnav_right.gif" height="32" width="4" id="gnr" />
        <div id="globalLink"> <a href="#" id="gl1" class="glink" onmouseover="ehandler(event,menuitem1);">Playbill</a><a href="#" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);">Box Office </a><a href="#" id="gl3" class="glink" onmouseover="ehandler(event,menuitem3);">Education</a><a href="#" id="gl4" class="glink" onmouseover="ehandler(event,menuitem4);">Get Involved </a><a href="#" id="gl5" class="glink" onmouseover="ehandler(event,menuitem5);">Support GLTG </a><a href="#" id="gl6" class="glink" onmouseover="ehandler(event,menuitem6);">News &amp; Media  </a><a href="#" id="gl7" class="glink" onmouseover="ehandler(event,menuitem7);">About Us </a> </div>
        <!--end globalLinks-->
        <form id="search" action="">
          <input name="searchFor" type="text" size="10" />
          <a href="">search</a>
        </form>
      </div>
      <!-- end globalNav -->
      <div id="subglobal1" class="subglobalNav" style="top:80px;" > <a href="#">2007-2008 Season </a> |  <a href="#">Special Events</a> | <a href="#">Movies</a> |<a href="#"></a></div>
      <div id="subglobal2" class="subglobalNav" style="top:80px;" > <a href="#">Tickets</a> | <a href="#">Season Pass </a> | <a href="#">Group Sales </a> | <a href="#">Lobby</a> | <a href="#"></a></div>
      <div id="subglobal3" class="subglobalNav" style="top:80px;" > <a href="#">Classes &amp; Registration </a> | <a href="#">Youth Theatre </a> | <a href="#"></a></div>
      <div id="subglobal4" class="subglobalNav" style="top:80px;" > <a href="#">Auditions</a> | <a href="#">Volunteer</a> | <a href="#">Mailing List </a> | <a href="#">Membership</a> |</div>
      <div id="subglobal5" class="subglobalNav" style="top:80px;" > <a href="#">Donate</a> | <span class="style2">Season Pass</span>  | <a href="#">Membership</a> | <a href="#">Sponsorship</a> | <a href="#"></a></div>
      <div id="subglobal6" class="subglobalNav" style="top:80px;" > <a href="#">Press Releases </a> | <a href="#">Photos</a> | <a href="#"></a></div>
      <div id="subglobal7" class="subglobalNav" style="top:80px;" > <a href="#">Our Mission </a> | <a href="#">Our History </a> | <a href="#">Staff</a> | <a href="#">Location</a> |</div>
      <div id="subglobal8" class="subglobalNav" style="top:80px;" > <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> | <a href="#">subglobal8 link</a> </div>
    </div>
    <!-- end masthead -->
    Vic

    God Loves You and will never love you less.

    http://www.vicsjavascripts.org/Home.htm

    If my post has been useful please donate to http://www.operationsmile.org.uk/


  •  

    Posting Permissions

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