2 Replies Latest reply on Jul 17, 2008 11:55 AM by nowherecreative

    CSS pop up menu: Problem!

    nowherecreative Level 1
      I am teaching myself how to do a CSS drop down menu and I found a great tutorial. I completed the tutorial, but the pop out menus are not "popping." I even compared my source code with the tutorials source code and they match perfectly. Could it be an issue with the version of Dreamweaver I'm using here at work? I don't really think it would be because I'm hand coding. Anyways, I've attached the code for review.
        • 1. Re: CSS pop up menu: Problem!
          Level 7
          They're functional in modern browsers but not in IE6. Your probably missing
          the javascript file for IE to add the hover function on the <li> tags. The
          flyouts are activated when an <li> tag is hovered, which IE6 doesn't
          support. I would re-visit the tutorial and see if mention of a jaavscript
          file is to be included, most likely so.

          --
          Regards,
          Trent Pastrana
          www.fourlevel.com
          --------------------


          "nowherecreative" <webforumsuser@macromedia.com> wrote in message
          news:g5o1q2$6rf$1@forums.macromedia.com...
          >I am teaching myself how to do a CSS drop down menu and I found a great
          > tutorial. I completed the tutorial, but the pop out menus are not
          > "popping." I
          > even compared my source code with the tutorials source code and they match
          > perfectly. Could it be an issue with the version of Dreamweaver I'm using
          > here
          > at work? I don't really think it would be because I'm hand coding.
          > Anyways,
          > I've attached the code for review.
          >
          > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
          > <html>
          > <head>
          > <title>Untitled Document</title>
          > <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
          > <style type="text/css">
          > ul {
          > list-style: none;
          > }
          >
          > ul a {
          > color: #FFF;
          > text-decoration: none;
          > display: block;
          > padding: 5px 5px 5px 10px;
          > width: 160px;
          > background: #333;
          > }
          >
          > ul a:hover {
          > color: #4BD8FF;
          > text-decoration: none;
          > background: #3C3C3C;
          > }
          > ul li {
          > border-bottom: 1px solid #FFF;
          > border-right: 1px solid #FFF;
          > float: left;
          > position: relative;
          > }
          > ul li ul {
          > list-style: none;
          > position: absolute;
          > left: 0;
          > top: 100%;
          > display: none;
          > width: 125px;
          > border-top: 1px solid #FFF;
          > }
          >
          > ul li:hover ul { display: block; }
          > </style>
          > </head>
          > <body>
          > <ul>
          >
          > <li><a href="/activities/tennis/">Tennis at The Colony</a>
          > <ul>
          > <li><a href="/activities/tennis">Tennis at The Colony</a></li>
          > <li><a href="/activities/tennis/adult_tennis.html">Adult
          > Tennis</a></li>
          > <li><a href="/activities/tennis/junior_tennis.html">Junior
          > Tennis</a></li>
          > <li><a href="/activities/tennis/group_tennis.html">Group
          > Tennis</a></li>
          > <li><a href="/activities/tennis/tennis_activities.html">Tennis
          > Activiites</a></li>
          > <li><a href="/activities/tennis/tennis_pricing.html">Clinic & Lesson
          > Pricing</a></li>
          > <li><a href="/activities/tennis/tennis_clinics.pdf"
          > target="_blank">Clinic
          > Schedule</a></li>
          > <li><a href="/activities/tennis/tennis_package.html">Tennis
          > Packages</a></li>
          > <li><a href="/activities/tennis/success_now.html">Success
          > Now</a></li>
          > </ul>
          > </li>
          >
          > <li><a href="/activities/">Other Activities</a></li>
          > </ul>
          >
          > </body>
          > </html>
          >


          • 2. Re: CSS pop up menu: Problem!
            nowherecreative Level 1
            Thank you so much! I overlooked that part of the tutorial! I really appreciate your help :)