Loading ...
Sorry, an error occurred while loading the content.

MenuBar in hd div of doc2 layout

Expand Messages
  • victorcorey
    Hello, I m new to this group and just started working with the YUI Library yesterday. I was trying to set-up a simple layout using the doc2 page width (950).
    Message 1 of 6 , Dec 15, 2006
    • 0 Attachment
      Hello,

      I'm new to this group and just started working with the YUI Library
      yesterday.

      I was trying to set-up a simple layout using the doc2 page width
      (950). When I add the MenuBar to the header div the left-right
      scrollbars showup.

      Here's my code, any ideas what I'm doing wrong?


      --------------
      --CODE BEGIN--
      --------------
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
      4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
      <html>
      <head>
      <meta http-equiv="Content-Type" content="text/html;
      charset=iso-8859-1" />
      <title>IT Portal</title>
      <!-- Standard reset, fonts and grids -->
      <link rel="stylesheet" type="text/css"
      href="lib/YahooUI/reset-fonts-grids/reset-fonts-grids.css">
      <!-- CSS for Menu -->
      <link rel="stylesheet" type="text/css"
      href="lib/YahooUI/menu/assets/menu.css">
      <!-- Namespace source file -->
      <script type="text/javascript"
      src="lib/YahooUI/yahoo/yahoo.js"></script>
      <!-- Dependency source files -->
      <script type="text/javascript"
      src="lib/YahooUI/event/event.js"></script>
      <script type="text/javascript"
      src="lib/YahooUI/dom/dom.js"></script>
      <script type="text/javascript"
      src="lib/YahooUI/animation/animation.js"></script>
      <!-- Container source file -->
      <script type="text/javascript"
      src="lib/YahooUI/container/container_core.js"></script>
      <!-- Menu source file -->
      <script type="text/javascript"
      src="lib/YahooUI/menu/menu.js"></script>
      <!-- Page specific styles -->
      <style type="text/css">
      #productsandservices {
      margin:0 0 10px 0;
      }
      </style>
      <!-- Page specific script -->
      <script type="text/javascript">
      YAHOO.example.onMenuBarAvailable = function(p_oEvent) {
      // Animation object
      var oAnim;
      // Utility function used to setup animation for submenus
      function setupMenuAnimation(p_oMenu) {
      if(!p_oMenu.animationSetup) {
      var aItems = p_oMenu.getItemGroups();
      if(aItems && aItems[0]) {
      var i = aItems[0].length - 1;
      var oSubmenu;
      do {
      oSubmenu = p_oMenu.getItem
      (i).cfg.getProperty("submenu");
      if(oSubmenu) {
      oSubmenu.beforeShowEvent.subscribe
      (onMenuBeforeShow, oSubmenu, true);
      oSubmenu.showEvent.subscribe
      (onMenuShow, oSubmenu, true);
      }
      }
      while(i--);
      }
      p_oMenu.animationSetup = true;
      }
      }
      // "beforeshow" event handler for each submenu of the
      menu bar
      function onMenuBeforeShow(p_sType, p_sArgs, p_oMenu) {
      if(oAnim && oAnim.isAnimated()) {
      oAnim.stop();
      oAnim = null;
      }
      YAHOO.util.Dom.setStyle
      (this.element, "overflow", "hidden");
      YAHOO.util.Dom.setStyle(this.body, "marginTop", ("-"
      + this.body.offsetHeight + "px"));
      }
      // "show" event handler for each submenu of the menu bar
      function onMenuShow(p_sType, p_sArgs, p_oMenu) {
      oAnim = new YAHOO.util.Anim(
      this.body,
      { marginTop: { to: 0 } },
      .5,
      YAHOO.util.Easing.easeOut
      );
      oAnim.animate();
      var me = this;
      function onTween() {
      me.cfg.refireEvent("iframe");
      }
      function onAnimationComplete() {
      YAHOO.util.Dom.setStyle(me.body, "marginTop",
      ("0px"));
      YAHOO.util.Dom.setStyle
      (me.element, "overflow", "visible");
      setupMenuAnimation(me);
      }
      /*
      Refire the event handler for the "iframe"
      configuration property with each tween so that
      the
      size and position of the iframe shim remain in
      sync
      with the menu.
      */
      if(this.cfg.getProperty("iframe") == true) {
      oAnim.onTween.subscribe(onTween);
      }
      oAnim.onComplete.subscribe(onAnimationComplete);
      }
      // "render" event handler for the menu bar
      function onMenuRender(p_sType, p_sArgs, p_oMenu) {
      setupMenuAnimation(p_oMenu);
      }
      // Instantiate and render the menu bar
      var oMenuBar = new YAHOO.widget.MenuBar
      ("productsandservices", { autosubmenudisplay:true, hidedelay:750,
      lazyload:true });
      // Subscribe to the "beforerender" event
      oMenuBar.renderEvent.subscribe(onMenuRender, oMenuBar,
      true);
      oMenuBar.render();
      }
      // Initialize and render the menu bar when it is available in
      the DOM
      YAHOO.util.Event.onAvailable("productsandservices",
      YAHOO.example.onMenuBarAvailable);
      </script>
      </head>
      <body id="yahoo-com">
      <div id="doc2" class="yui-t3">
      <div id="hd">
      <img src="#" height="50" width="150" />
      <!-- Menu start -->
      <div id="productsandservices"
      class="yuimenubar">
      <div class="bd">
      <ul class="first-of-type">
      <li class="yuimenubaritem first-of-type"><a
      href="http://communication.yahoo.com">Communication</a>
      <div id="communication"
      class="yuimenu">
      <div class="bd">
      <ul>
      <li
      class="yuimenuitem"><a href="http://360.yahoo.com">360°</a></li>
      <li
      class="yuimenuitem"><a href="http://alerts.yahoo.com">Alerts</a></li>
      <li
      class="yuimenuitem"><a
      href="http://avatars.yahoo.com">Avatars</a></li>
      <li
      class="yuimenuitem"><a href="http://groups.yahoo.com">Groups</a></li>
      <li
      class="yuimenuitem"><a
      href="http://promo.yahoo.com/broadband/">Internet Access</a></li>
      <li
      class="yuimenuitem">PIM
      <div id="pim"
      class="yuimenu">
      <div
      class="bd">
      <ul
      class="first-of-type">
      <li
      class="yuimenuitem"><a href="http://mail.yahoo.com">Yahoo!
      Mail</a></li>
      <li
      class="yuimenuitem"><a href="http://addressbook.yahoo.com">Yahoo!
      Address Book</a></li>
      <li
      class="yuimenuitem"><a href="http://calendar.yahoo.com">Yahoo!
      Calendar</a></li>
      <li
      class="yuimenuitem"><a href="http://notepad.yahoo.com">Yahoo!
      Notepad</a></li>

      </ul>
      </div>

      </div>
      </li>
      <li
      class="yuimenuitem"><a href="http://members.yahoo.com">Member
      Directory</a></li>
      <li
      class="yuimenuitem"><a
      href="http://messenger.yahoo.com">Messenger</a></li>
      <li
      class="yuimenuitem"><a href="http://mobile.yahoo.com">Mobile</a></li>
      <li
      class="yuimenuitem"><a href="http://photos.yahoo.com">Photos</a></li>
      </ul>
      </div>
      </div>
      </li>
      <li class="yuimenubaritem"><a
      href="http://shopping.yahoo.com">Shopping</a>
      <div id="shopping" class="yuimenu">
      <div class="bd">
      <ul>
      <li
      class="yuimenuitem"><a
      href="http://auctions.shopping.yahoo.com">Auctions</a></li>
      <li
      class="yuimenuitem"><a href="http://autos.yahoo.com">Autos</a></li>
      <li
      class="yuimenuitem"><a
      href="http://classifieds.yahoo.com">Classifieds</a></li>
      <li
      class="yuimenuitem"><a href="http://shopping.yahoo.com/b:Flowers%20%
      26%20Gifts:20146735">Flowers & Gifts</a></li>
      <li
      class="yuimenuitem"><a href="http://points.yahoo.com">Points</a></li>
      <li
      class="yuimenuitem"><a href="http://realestate.yahoo.com">Real
      Estate</a></li>
      <li
      class="yuimenuitem"><a href="http://travel.yahoo.com">Travel</a></li>
      <li
      class="yuimenuitem"><a href="http://wallet.yahoo.com">Wallet</a></li>
      <li
      class="yuimenuitem"><a href="http://yp.yahoo.com">Yellow
      Pages</a></li>
      </ul>
      </div>

      </div>
      </li>
      <li class="yuimenubaritem"><a
      href="http://entertainment.yahoo.com">Entertainment</a>
      <div id="entertainment"
      class="yuimenu">
      <div class="bd">
      <ul>
      <li
      class="yuimenuitem"><a href="http://fantasysports.yahoo.com">Fantasy
      Sports</a></li>
      <li
      class="yuimenuitem"><a href="http://games.yahoo.com">Games</a></li>
      <li
      class="yuimenuitem"><a href="http://www.yahooligans.com">Kids</a></li>
      <li
      class="yuimenuitem"><a href="http://music.yahoo.com">Music</a></li>
      <li
      class="yuimenuitem"><a href="http://movies.yahoo.com">Movies</a></li>
      <li
      class="yuimenuitem"><a
      href="http://music.yahoo.com/launchcast">Radio</a></li>
      <li
      class="yuimenuitem"><a href="http://travel.yahoo.com">Travel</a></li>
      <li
      class="yuimenuitem"><a href="http://tv.yahoo.com">TV</a></li>

      </ul>
      </div>

      </div>
      </li>
      <li class="yuimenubaritem">Information
      <div id="information"
      class="yuimenu">
      <div
      class="bd">
      <ul>
      <li
      class="yuimenuitem"><a
      href="http://downloads.yahoo.com">Downloads</a></li>
      <li
      class="yuimenuitem"><a
      href="http://finance.yahoo.com">Finance</a></li>
      <li
      class="yuimenuitem"><a href="http://health.yahoo.com">Health</a></li>
      <li
      class="yuimenuitem"><a href="http://local.yahoo.com">Local</a></li>
      <li
      class="yuimenuitem"><a href="http://maps.yahoo.com">Maps &
      Directions</a></li>
      <li
      class="yuimenuitem"><a href="http://my.yahoo.com">My Yahoo!</a></li>
      <li
      class="yuimenuitem"><a href="http://news.yahoo.com">News</a></li>
      <li
      class="yuimenuitem"><a href="http://search.yahoo.com">Search</a></li>
      <li
      class="yuimenuitem"><a href="http://smallbusiness.yahoo.com">Small
      Business</a></li>
      <li
      class="yuimenuitem"><a
      href="http://weather.yahoo.com">Weather</a></li>
      </ul>
      </div>

      </div>
      </li>
      </ul>
      </div>
      </div>
      <!--Menu end -->
      </div>
      <div id="bd">
      <div id="yui-main">
      <div class="yui-b">
      main content
      </div>
      </div>
      <div class="yui-b">
      left column
      </div>
      </div>
      <div id="ft">
      footer
      </div>
      </div>
      </body>
      </html>
      --------------
      -- CODE END --
      --------------
    • Ben Long
      Victor, The code you posted doesn t paste well (in textmate anyways). If you can put it on a server somewhere I can take a look at it. - Ben
      Message 2 of 6 , Dec 15, 2006
      • 0 Attachment
        Victor,

        The code you posted doesn't paste well (in textmate anyways). If you can put it on a server somewhere I can take a look at it.

        - Ben

        On 12/15/06, victorcorey <victor.corey@...> wrote:
        Hello,

        I'm new to this group and just started working with the YUI Library
        yesterday.

        I was trying to set-up a simple layout using the doc2 page width
        (950). When I add the MenuBar to the header div the left-right
        scrollbars showup.

        Here's my code, any ideas what I'm doing wrong?


        --------------
        --CODE BEGIN--
        --------------
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
        4.01//EN" " http://www.w3.org/TR/html4/strict.dtd">
        <html>
                <head>
                        <meta http-equiv="Content-Type" content="text/html;
        charset=iso-8859-1" />
                        <title>IT Portal</title>
                        <!-- Standard reset, fonts and grids -->
                        <link rel="stylesheet" type="text/css"
        href="lib/YahooUI/reset-fonts-grids/reset-fonts-grids.css">
                        <!-- CSS for Menu -->
                <link rel="stylesheet" type="text/css"
        href="lib/YahooUI/menu/assets/menu.css">
                <!-- Namespace source file -->
                <script type="text/javascript"
        src="lib/YahooUI/yahoo/yahoo.js"></script>
                <!-- Dependency source files -->
                <script type="text/javascript"
        src="lib/YahooUI/event/event.js"></script>
                <script type="text/javascript"
        src="lib/YahooUI/dom/dom.js"></script>
                <script type="text/javascript"
        src="lib/YahooUI/animation/animation.js"></script>
                <!-- Container source file -->
                <script type="text/javascript"
        src="lib/YahooUI/container/container_core.js"></script>
                <!-- Menu source file -->
                <script type="text/javascript"
        src="lib/YahooUI/menu/menu.js"></script>
                        <!-- Page specific styles -->
                        <style type="text/css">
                                #productsandservices {
                        margin:0 0 10px 0;
                    }
                        </style>
                        <!-- Page specific script -->
                        <script type="text/javascript">
                YAHOO.example.onMenuBarAvailable = function(p_oEvent) {
                    // Animation object
                    var oAnim;
                    // Utility function used to setup animation for submenus
                    function setupMenuAnimation(p_oMenu) {
                        if(!p_oMenu.animationSetup) {
                            var aItems = p_oMenu.getItemGroups();
                            if(aItems && aItems[0]) {
                                var i = aItems[0].length - 1;
                                var oSubmenu;
                                do {
                                    oSubmenu = p_oMenu.getItem
        (i).cfg.getProperty("submenu");
                                    if(oSubmenu) {
                                        oSubmenu.beforeShowEvent.subscribe
        (onMenuBeforeShow, oSubmenu, true);
                                        oSubmenu.showEvent.subscribe
        (onMenuShow, oSubmenu, true);
                                    }
                                }
                                while(i--);
                            }
                            p_oMenu.animationSetup = true;
                        }
                    }
                    // "beforeshow" event handler for each submenu of the
        menu bar
                    function onMenuBeforeShow(p_sType, p_sArgs, p_oMenu) {
                        if(oAnim && oAnim.isAnimated()) {
                            oAnim.stop();
                            oAnim = null;
                        }
                        YAHOO.util.Dom.setStyle
        (this.element, "overflow", "hidden");
                        YAHOO.util.Dom.setStyle(this.body, "marginTop", ("-"
        + this.body.offsetHeight + "px"));
                    }
                    // "show" event handler for each submenu of the menu bar
                    function onMenuShow(p_sType, p_sArgs, p_oMenu) {
                        oAnim = new YAHOO.util.Anim (
                            this.body,
                            { marginTop: { to: 0 } },
                            .5,
                            YAHOO.util.Easing.easeOut
                        );
                        oAnim.animate();
                        var me = this;
                        function onTween() {
                            me.cfg.refireEvent("iframe");
                        }
                        function onAnimationComplete() {
                             YAHOO.util.Dom.setStyle(me.body, "marginTop",
        ("0px"));
                            YAHOO.util.Dom.setStyle
        (me.element, "overflow", "visible");
                            setupMenuAnimation(me);
                        }
                        /*
                             Refire the event handler for the "iframe"
                             configuration property with each tween so that
        the
                             size and position of the iframe shim remain in
        sync
                             with the menu.
                        */
                        if(this.cfg.getProperty("iframe") == true) {
                            oAnim.onTween.subscribe(onTween);
                        }
                        oAnim.onComplete.subscribe(onAnimationComplete);
                    }
                    // "render" event handler for the menu bar
                    function onMenuRender(p_sType, p_sArgs, p_oMenu) {
                        setupMenuAnimation(p_oMenu);
                    }
                    // Instantiate and render the menu bar
                    var oMenuBar = new YAHOO.widget.MenuBar
        ("productsandservices", { autosubmenudisplay:true, hidedelay:750,
        lazyload:true });
                    // Subscribe to the "beforerender" event
                    oMenuBar.renderEvent.subscribe(onMenuRender, oMenuBar,
        true);
                    oMenuBar.render();
                }
                // Initialize and render the menu bar when it is available in
        the DOM
                YAHOO.util.Event.onAvailable("productsandservices",
        YAHOO.example.onMenuBarAvailable);
                </script>
                </head>
                <body id="yahoo-com">
                <div id="doc2" class="yui-t3">
                        <div id="hd">
                                <img src="#" height="50" width="150" />
                                <!-- Menu start -->
                                <div id="productsandservices"
        class="yuimenubar">
                        <div class="bd">
                                <ul class="first-of-type">
                                <li class="yuimenubaritem first-of-type"><a
        href="http://communication.yahoo.com">Communication</a>
                                        <div id="communication"
        class="yuimenu">
                                        <div class="bd">
                                                <ul>
                                                    <li
        class="yuimenuitem"><a href=" http://360.yahoo.com">360&#176;</a></li>
                                                    <li
        class="yuimenuitem"><a href=" http://alerts.yahoo.com">Alerts</a></li>
                                                    <li
        class="yuimenuitem"><a
        href="http://avatars.yahoo.com ">Avatars</a></li>
                                                    <li
        class="yuimenuitem"><a href="http://groups.yahoo.com">Groups</a></li>
                                                    <li
        class="yuimenuitem"><a
        href="http://promo.yahoo.com/broadband/">Internet Access</a></li>
                                                    <li
        class="yuimenuitem">PIM
                                                        <div id="pim"
        class="yuimenu">
                                                                <div
        class="bd">
                                                                        <ul
        class="first-of-type">
                                                                        <li
        class="yuimenuitem"><a href=" http://mail.yahoo.com">Yahoo!
        Mail</a></li>
                                                                        <li
        class="yuimenuitem"><a href=" http://addressbook.yahoo.com">Yahoo!
        Address Book</a></li>
                                                                        <li
        class="yuimenuitem"><a href=" http://calendar.yahoo.com">Yahoo!
        Calendar</a></li>
                                                                        <li
        class="yuimenuitem"><a href=" http://notepad.yahoo.com">Yahoo!
        Notepad</a></li>

        </ul>
                                                                </div>

                </div>
                                                        </li>
                                                    <li
        class="yuimenuitem"><a href="http://members.yahoo.com ">Member
        Directory</a></li>
                                                    <li
        class="yuimenuitem"><a
        href="http://messenger.yahoo.com ">Messenger</a></li>
                                                    <li
        class="yuimenuitem"><a href="http://mobile.yahoo.com">Mobile</a></li>
                                                    <li
        class="yuimenuitem"><a href="http://photos.yahoo.com">Photos</a></li>
                                            </ul>
                                        </div>
                                                </div>
                                        </li>
                                <li class="yuimenubaritem"><a
        href="http://shopping.yahoo.com">Shopping</a>
                                        <div id="shopping" class="yuimenu">
                                        <div class="bd">
                                                <ul>
                                                    <li
        class="yuimenuitem"><a
        href="http://auctions.shopping.yahoo.com ">Auctions</a></li>
                                                    <li
        class="yuimenuitem"><a href="http://autos.yahoo.com">Autos</a></li>
                                                    <li
        class="yuimenuitem"><a
        href="http://classifieds.yahoo.com">Classifieds</a></li>
                                                    <li
        class="yuimenuitem"><a href="http://shopping.yahoo.com/b:Flowers%20%
        26%20Gifts:20146735">Flowers &#38; Gifts</a></li>
                                                    <li
        class="yuimenuitem"><a href="http://points.yahoo.com">Points</a></li>
                                                    <li
        class="yuimenuitem"><a href="http://realestate.yahoo.com">Real
        Estate</a></li>
                                                    <li
        class="yuimenuitem"><a href="http://travel.yahoo.com">Travel</a></li>
                                                    <li
        class="yuimenuitem"><a href=" http://wallet.yahoo.com">Wallet</a></li>
                                                    <li
        class="yuimenuitem"><a href=" http://yp.yahoo.com">Yellow
        Pages</a></li>
                                                </ul>
                                        </div>

                </div>
                                        </li>
                                <li class="yuimenubaritem"><a
        href="http://entertainment.yahoo.com">Entertainment</a>
                                        <div id="entertainment"
        class="yuimenu">
                                        <div class="bd">
                                                <ul>
                                                            <li
        class="yuimenuitem"><a href="http://fantasysports.yahoo.com">Fantasy
        Sports</a></li>
                                                            <li
        class="yuimenuitem"><a href="http://games.yahoo.com">Games</a></li>
                                                            <li
        class="yuimenuitem"><a href=" http://www.yahooligans.com">Kids</a></li>
                                                            <li
        class="yuimenuitem"><a href=" http://music.yahoo.com">Music</a></li>
                                                            <li
        class="yuimenuitem"><a href="http://movies.yahoo.com ">Movies</a></li>
                                                            <li
        class="yuimenuitem"><a
        href="http://music.yahoo.com/launchcast ">Radio</a></li>
                                                            <li
        class="yuimenuitem"><a href="http://travel.yahoo.com">Travel</a></li>
                                                            <li
        class="yuimenuitem"><a href="http://tv.yahoo.com">TV</a></li>

        </ul>
                                                    </div>

        </div>
                                        </li>
                                <li class="yuimenubaritem">Information
                                                <div id="information"
        class="yuimenu">
                                            <div
        class="bd">
                                                <ul>
                                                    <li
        class="yuimenuitem"><a
        href="http://downloads.yahoo.com">Downloads</a></li>
                                                    <li
        class="yuimenuitem"><a
        href="http://finance.yahoo.com">Finance</a></li>
                                                    <li
        class="yuimenuitem"><a href=" http://health.yahoo.com">Health</a></li>
                                                    <li
        class="yuimenuitem"><a href="http://local.yahoo.com ">Local</a></li>
                                                    <li
        class="yuimenuitem"><a href="http://maps.yahoo.com">Maps &#38;
        Directions</a></li>
                                                    <li
        class="yuimenuitem"><a href="http://my.yahoo.com">My Yahoo!</a></li>
                                                    <li
        class="yuimenuitem"><a href="http://news.yahoo.com">News</a></li>
                                                    <li
        class="yuimenuitem"><a href="http://search.yahoo.com">Search</a></li>
                                                    <li
        class="yuimenuitem"><a href=" http://smallbusiness.yahoo.com">Small
        Business</a></li>
                                                    <li
        class="yuimenuitem"><a
        href="http://weather.yahoo.com">Weather</a></li>
                                                </ul>
                                            </div>

        </div>
                                        </li>
                                </ul>
                                </div>
                                </div>
                                <!--Menu end -->
                        </div>
                        <div id="bd">
                                <div id="yui-main">
                                        <div class="yui-b">
                                                main content
                                        </div>
                                </div>
                                <div class="yui-b">
                                        left column
                                </div>
                        </div>
                        <div id="ft">
                                footer
                        </div>
                </div>
                </body>
        </html>
        --------------
        -- CODE END --
        --------------




        Yahoo! Groups Links

        <*> To visit your group on the web, go to:
            http://groups.yahoo.com/group/ydn-javascript/

        <*> Your email settings:
            Individual Email | Traditional

        <*> To change settings online go to:
            http://groups.yahoo.com/group/ydn-javascript/join
            (Yahoo! ID required)

        <*> To change settings via email:
            mailto:ydn-javascript-digest@yahoogroups.com
            mailto: ydn-javascript-fullfeatured@yahoogroups.com

        <*> To unsubscribe from this group, send an email to:
            ydn-javascript-unsubscribe@yahoogroups.com

        <*> Your use of Yahoo! Groups is subject to:
            http://docs.yahoo.com/info/terms/


      • Ben Long
        ok, the code wasn t that bad - it was just a shocker at first sight. =o) I m not getting any scrollbars (camino or firefox on a mac, IE7 and firefox in
        Message 3 of 6 , Dec 15, 2006
        • 0 Attachment
          ok, the code wasn't that bad - it was just a shocker at first sight. =o) I'm not getting any scrollbars (camino or firefox on a mac, IE7 and firefox in windows).

          - Ben

          On 12/15/06, victorcorey <victor.corey@...> wrote:
          Hello,

          I'm new to this group and just started working with the YUI Library
          yesterday.

          I was trying to set-up a simple layout using the doc2 page width
          (950). When I add the MenuBar to the header div the left-right
          scrollbars showup.

          Here's my code, any ideas what I'm doing wrong?


          --------------
          --CODE BEGIN--
          --------------
          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
          4.01//EN" " http://www.w3.org/TR/html4/strict.dtd">
          <html>
                  <head>
                          <meta http-equiv="Content-Type" content="text/html;
          charset=iso-8859-1" />
                          <title>IT Portal</title>
                          <!-- Standard reset, fonts and grids -->
                          <link rel="stylesheet" type="text/css"
          href="lib/YahooUI/reset-fonts-grids/reset-fonts-grids.css">
                          <!-- CSS for Menu -->
                  <link rel="stylesheet" type="text/css"
          href="lib/YahooUI/menu/assets/menu.css">
                  <!-- Namespace source file -->
                  <script type="text/javascript"
          src="lib/YahooUI/yahoo/yahoo.js"></script>
                  <!-- Dependency source files -->
                  <script type="text/javascript"
          src="lib/YahooUI/event/event.js"></script>
                  <script type="text/javascript"
          src="lib/YahooUI/dom/dom.js"></script>
                  <script type="text/javascript"
          src="lib/YahooUI/animation/animation.js"></script>
                  <!-- Container source file -->
                  <script type="text/javascript"
          src="lib/YahooUI/container/container_core.js"></script>
                  <!-- Menu source file -->
                  <script type="text/javascript"
          src="lib/YahooUI/menu/menu.js"></script>
                          <!-- Page specific styles -->
                          <style type="text/css">
                                  #productsandservices {
                          margin:0 0 10px 0;
                      }
                          </style>
                          <!-- Page specific script -->
                          <script type="text/javascript">
                  YAHOO.example.onMenuBarAvailable = function(p_oEvent) {
                      // Animation object
                      var oAnim;
                      // Utility function used to setup animation for submenus
                      function setupMenuAnimation(p_oMenu) {
                          if(!p_oMenu.animationSetup) {
                              var aItems = p_oMenu.getItemGroups();
                              if(aItems && aItems[0]) {
                                  var i = aItems[0].length - 1;
                                  var oSubmenu;
                                  do {
                                      oSubmenu = p_oMenu.getItem
          (i).cfg.getProperty("submenu");
                                      if(oSubmenu) {
                                          oSubmenu.beforeShowEvent.subscribe
          (onMenuBeforeShow, oSubmenu, true);
                                          oSubmenu.showEvent.subscribe
          (onMenuShow, oSubmenu, true);
                                      }
                                  }
                                  while(i--);
                              }
                              p_oMenu.animationSetup = true;
                          }
                      }
                      // "beforeshow" event handler for each submenu of the
          menu bar
                      function onMenuBeforeShow(p_sType, p_sArgs, p_oMenu) {
                          if(oAnim && oAnim.isAnimated()) {
                              oAnim.stop();
                              oAnim = null;
                          }
                          YAHOO.util.Dom.setStyle
          (this.element, "overflow", "hidden");
                          YAHOO.util.Dom.setStyle(this.body, "marginTop", ("-"
          + this.body.offsetHeight + "px"));
                      }
                      // "show" event handler for each submenu of the menu bar
                      function onMenuShow(p_sType, p_sArgs, p_oMenu) {
                          oAnim = new YAHOO.util.Anim (
                              this.body,
                              { marginTop: { to: 0 } },
                              .5,
                              YAHOO.util.Easing.easeOut
                          );
                          oAnim.animate();
                          var me = this;
                          function onTween() {
                              me.cfg.refireEvent("iframe");
                          }
                          function onAnimationComplete() {
                               YAHOO.util.Dom.setStyle(me.body, "marginTop",
          ("0px"));
                              YAHOO.util.Dom.setStyle
          (me.element, "overflow", "visible");
                              setupMenuAnimation(me);
                          }
                          /*
                               Refire the event handler for the "iframe"
                               configuration property with each tween so that
          the
                               size and position of the iframe shim remain in
          sync
                               with the menu.
                          */
                          if(this.cfg.getProperty("iframe") == true) {
                              oAnim.onTween.subscribe(onTween);
                          }
                          oAnim.onComplete.subscribe(onAnimationComplete);
                      }
                      // "render" event handler for the menu bar
                      function onMenuRender(p_sType, p_sArgs, p_oMenu) {
                          setupMenuAnimation(p_oMenu);
                      }
                      // Instantiate and render the menu bar
                      var oMenuBar = new YAHOO.widget.MenuBar
          ("productsandservices", { autosubmenudisplay:true, hidedelay:750,
          lazyload:true });
                      // Subscribe to the "beforerender" event
                      oMenuBar.renderEvent.subscribe(onMenuRender, oMenuBar,
          true);
                      oMenuBar.render();
                  }
                  // Initialize and render the menu bar when it is available in
          the DOM
                  YAHOO.util.Event.onAvailable("productsandservices",
          YAHOO.example.onMenuBarAvailable);
                  </script>
                  </head>
                  <body id="yahoo-com">
                  <div id="doc2" class="yui-t3">
                          <div id="hd">
                                  <img src="#" height="50" width="150" />
                                  <!-- Menu start -->
                                  <div id="productsandservices"
          class="yuimenubar">
                          <div class="bd">
                                  <ul class="first-of-type">
                                  <li class="yuimenubaritem first-of-type"><a
          href="http://communication.yahoo.com">Communication</a>
                                          <div id="communication"
          class="yuimenu">
                                          <div class="bd">
                                                  <ul>
                                                      <li
          class="yuimenuitem"><a href=" http://360.yahoo.com">360&#176;</a></li>
                                                      <li
          class="yuimenuitem"><a href=" http://alerts.yahoo.com">Alerts</a></li>
                                                      <li
          class="yuimenuitem"><a
          href="http://avatars.yahoo.com ">Avatars</a></li>
                                                      <li
          class="yuimenuitem"><a href="http://groups.yahoo.com">Groups</a></li>
                                                      <li
          class="yuimenuitem"><a
          href="http://promo.yahoo.com/broadband/">Internet Access</a></li>
                                                      <li
          class="yuimenuitem">PIM
                                                          <div id="pim"
          class="yuimenu">
                                                                  <div
          class="bd">
                                                                          <ul
          class="first-of-type">
                                                                          <li
          class="yuimenuitem"><a href=" http://mail.yahoo.com">Yahoo!
          Mail</a></li>
                                                                          <li
          class="yuimenuitem"><a href=" http://addressbook.yahoo.com">Yahoo!
          Address Book</a></li>
                                                                          <li
          class="yuimenuitem"><a href=" http://calendar.yahoo.com">Yahoo!
          Calendar</a></li>
                                                                          <li
          class="yuimenuitem"><a href=" http://notepad.yahoo.com">Yahoo!
          Notepad</a></li>

          </ul>
                                                                  </div>

                  </div>
                                                          </li>
                                                      <li
          class="yuimenuitem"><a href="http://members.yahoo.com ">Member
          Directory</a></li>
                                                      <li
          class="yuimenuitem"><a
          href="http://messenger.yahoo.com ">Messenger</a></li>
                                                      <li
          class="yuimenuitem"><a href="http://mobile.yahoo.com">Mobile</a></li>
                                                      <li
          class="yuimenuitem"><a href="http://photos.yahoo.com">Photos</a></li>
                                              </ul>
                                          </div>
                                                  </div>
                                          </li>
                                  <li class="yuimenubaritem"><a
          href="http://shopping.yahoo.com">Shopping</a>
                                          <div id="shopping" class="yuimenu">
                                          <div class="bd">
                                                  <ul>
                                                      <li
          class="yuimenuitem"><a
          href="http://auctions.shopping.yahoo.com ">Auctions</a></li>
                                                      <li
          class="yuimenuitem"><a href="http://autos.yahoo.com">Autos</a></li>
                                                      <li
          class="yuimenuitem"><a
          href="http://classifieds.yahoo.com">Classifieds</a></li>
                                                      <li
          class="yuimenuitem"><a href="http://shopping.yahoo.com/b:Flowers%20%
          26%20Gifts:20146735">Flowers &#38; Gifts</a></li>
                                                      <li
          class="yuimenuitem"><a href="http://points.yahoo.com">Points</a></li>
                                                      <li
          class="yuimenuitem"><a href="http://realestate.yahoo.com">Real
          Estate</a></li>
                                                      <li
          class="yuimenuitem"><a href="http://travel.yahoo.com">Travel</a></li>
                                                      <li
          class="yuimenuitem"><a href=" http://wallet.yahoo.com">Wallet</a></li>
                                                      <li
          class="yuimenuitem"><a href=" http://yp.yahoo.com">Yellow
          Pages</a></li>
                                                  </ul>
                                          </div>

                  </div>
                                          </li>
                                  <li class="yuimenubaritem"><a
          href="http://entertainment.yahoo.com">Entertainment</a>
                                          <div id="entertainment"
          class="yuimenu">
                                          <div class="bd">
                                                  <ul>
                                                              <li
          class="yuimenuitem"><a href="http://fantasysports.yahoo.com">Fantasy
          Sports</a></li>
                                                              <li
          class="yuimenuitem"><a href="http://games.yahoo.com">Games</a></li>
                                                              <li
          class="yuimenuitem"><a href=" http://www.yahooligans.com">Kids</a></li>
                                                              <li
          class="yuimenuitem"><a href=" http://music.yahoo.com">Music</a></li>
                                                              <li
          class="yuimenuitem"><a href="http://movies.yahoo.com ">Movies</a></li>
                                                              <li
          class="yuimenuitem"><a
          href="http://music.yahoo.com/launchcast ">Radio</a></li>
                                                              <li
          class="yuimenuitem"><a href="http://travel.yahoo.com">Travel</a></li>
                                                              <li
          class="yuimenuitem"><a href="http://tv.yahoo.com">TV</a></li>

          </ul>
                                                      </div>

          </div>
                                          </li>
                                  <li class="yuimenubaritem">Information
                                                  <div id="information"
          class="yuimenu">
                                              <div
          class="bd">
                                                  <ul>
                                                      <li
          class="yuimenuitem"><a
          href="http://downloads.yahoo.com">Downloads</a></li>
                                                      <li
          class="yuimenuitem"><a
          href="http://finance.yahoo.com">Finance</a></li>
                                                      <li
          class="yuimenuitem"><a href=" http://health.yahoo.com">Health</a></li>
                                                      <li
          class="yuimenuitem"><a href="http://local.yahoo.com ">Local</a></li>
                                                      <li
          class="yuimenuitem"><a href="http://maps.yahoo.com">Maps &#38;
          Directions</a></li>
                                                      <li
          class="yuimenuitem"><a href="http://my.yahoo.com">My Yahoo!</a></li>
                                                      <li
          class="yuimenuitem"><a href="http://news.yahoo.com">News</a></li>
                                                      <li
          class="yuimenuitem"><a href="http://search.yahoo.com">Search</a></li>
                                                      <li
          class="yuimenuitem"><a href=" http://smallbusiness.yahoo.com">Small
          Business</a></li>
                                                      <li
          class="yuimenuitem"><a
          href="http://weather.yahoo.com">Weather</a></li>
                                                  </ul>
                                              </div>

          </div>
                                          </li>
                                  </ul>
                                  </div>
                                  </div>
                                  <!--Menu end -->
                          </div>
                          <div id="bd">
                                  <div id="yui-main">
                                          <div class="yui-b">
                                                  main content
                                          </div>
                                  </div>
                                  <div class="yui-b">
                                          left column
                                  </div>
                          </div>
                          <div id="ft">
                                  footer
                          </div>
                  </div>
                  </body>
          </html>
          --------------
          -- CODE END --
          --------------




          Yahoo! Groups Links

          <*> To visit your group on the web, go to:
              http://groups.yahoo.com/group/ydn-javascript/

          <*> Your email settings:
              Individual Email | Traditional

          <*> To change settings online go to:
              http://groups.yahoo.com/group/ydn-javascript/join
              (Yahoo! ID required)

          <*> To change settings via email:
              mailto:ydn-javascript-digest@yahoogroups.com
              mailto: ydn-javascript-fullfeatured@yahoogroups.com

          <*> To unsubscribe from this group, send an email to:
              ydn-javascript-unsubscribe@yahoogroups.com

          <*> Your use of Yahoo! Groups is subject to:
              http://docs.yahoo.com/info/terms/


        • victorcorey
          Hello all, Still getting this problem. I have uploaded the sample files and a small swf video showing the problem. Can someone let me know what I m doing
          Message 4 of 6 , Jan 4, 2007
          • 0 Attachment
            Hello all,

            Still getting this problem. I have uploaded the sample files and a
            small swf video showing the problem. Can someone let me know what I'm
            doing wrong?

            Web Page: http://www.victorcorey.com/yui/menu.htm
            Video: http://www.victorcorey.com/yui/yui_menu.swf

            Thanks,
            Victor


            --- In ydn-javascript@yahoogroups.com, "Ben Long" <benlong@...> wrote:
            >
            > ok, the code wasn't that bad - it was just a shocker at first
            sight. =o) I'm
            > not getting any scrollbars (camino or firefox on a mac, IE7 and
            firefox in
            > windows).
            >
            > - Ben
            >
            > On 12/15/06, victorcorey <victor.corey@...> wrote:
            > >
            > > Hello,
            > >
            > > I'm new to this group and just started working with the YUI
            Library
            > > yesterday.
            > >
            > > I was trying to set-up a simple layout using the doc2 page width
            > > (950). When I add the MenuBar to the header div the left-right
            > > scrollbars showup.
            > >
            > > Here's my code, any ideas what I'm doing wrong?
            > >
            > >
            > > --------------
            > > --CODE BEGIN--
            > > --------------
            > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
            > > 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
            > > <html>
            > > <head>
            > > <meta http-equiv="Content-Type"
            content="text/html;
            > > charset=iso-8859-1" />
            > > <title>IT Portal</title>
            > > <!-- Standard reset, fonts and grids -->
            > > <link rel="stylesheet" type="text/css"
            > > href="lib/YahooUI/reset-fonts-grids/reset-fonts-grids.css">
            > > <!-- CSS for Menu -->
            > > <link rel="stylesheet" type="text/css"
            > > href="lib/YahooUI/menu/assets/menu.css">
            > > <!-- Namespace source file -->
            > > <script type="text/javascript"
            > > src="lib/YahooUI/yahoo/yahoo.js"></script>
            > > <!-- Dependency source files -->
            > > <script type="text/javascript"
            > > src="lib/YahooUI/event/event.js"></script>
            > > <script type="text/javascript"
            > > src="lib/YahooUI/dom/dom.js"></script>
            > > <script type="text/javascript"
            > > src="lib/YahooUI/animation/animation.js"></script>
            > > <!-- Container source file -->
            > > <script type="text/javascript"
            > > src="lib/YahooUI/container/container_core.js"></script>
            > > <!-- Menu source file -->
            > > <script type="text/javascript"
            > > src="lib/YahooUI/menu/menu.js"></script>
            > > <!-- Page specific styles -->
            > > <style type="text/css">
            > > #productsandservices {
            > > margin:0 0 10px 0;
            > > }
            > > </style>
            > > <!-- Page specific script -->
            > > <script type="text/javascript">
            > > YAHOO.example.onMenuBarAvailable = function(p_oEvent) {
            > > // Animation object
            > > var oAnim;
            > > // Utility function used to setup animation for
            submenus
            > > function setupMenuAnimation(p_oMenu) {
            > > if(!p_oMenu.animationSetup) {
            > > var aItems = p_oMenu.getItemGroups();
            > > if(aItems && aItems[0]) {
            > > var i = aItems[0].length - 1;
            > > var oSubmenu;
            > > do {
            > > oSubmenu = p_oMenu.getItem
            > > (i).cfg.getProperty("submenu");
            > > if(oSubmenu) {
            > > oSubmenu.beforeShowEvent.subscribe
            > > (onMenuBeforeShow, oSubmenu, true);
            > > oSubmenu.showEvent.subscribe
            > > (onMenuShow, oSubmenu, true);
            > > }
            > > }
            > > while(i--);
            > > }
            > > p_oMenu.animationSetup = true;
            > > }
            > > }
            > > // "beforeshow" event handler for each submenu of the
            > > menu bar
            > > function onMenuBeforeShow(p_sType, p_sArgs, p_oMenu) {
            > > if(oAnim && oAnim.isAnimated()) {
            > > oAnim.stop();
            > > oAnim = null;
            > > }
            > > YAHOO.util.Dom.setStyle
            > > (this.element, "overflow", "hidden");
            > > YAHOO.util.Dom.setStyle(this.body, "marginTop",
            ("-"
            > > + this.body.offsetHeight + "px"));
            > > }
            > > // "show" event handler for each submenu of the menu
            bar
            > > function onMenuShow(p_sType, p_sArgs, p_oMenu) {
            > > oAnim = new YAHOO.util.Anim(
            > > this.body,
            > > { marginTop: { to: 0 } },
            > > .5,
            > > YAHOO.util.Easing.easeOut
            > > );
            > > oAnim.animate();
            > > var me = this;
            > > function onTween() {
            > > me.cfg.refireEvent("iframe");
            > > }
            > > function onAnimationComplete() {
            > > YAHOO.util.Dom.setStyle(me.body, "marginTop",
            > > ("0px"));
            > > YAHOO.util.Dom.setStyle
            > > (me.element, "overflow", "visible");
            > > setupMenuAnimation(me);
            > > }
            > > /*
            > > Refire the event handler for the "iframe"
            > > configuration property with each tween so
            that
            > > the
            > > size and position of the iframe shim remain
            in
            > > sync
            > > with the menu.
            > > */
            > > if(this.cfg.getProperty("iframe") == true) {
            > > oAnim.onTween.subscribe(onTween);
            > > }
            > > oAnim.onComplete.subscribe(onAnimationComplete);
            > > }
            > > // "render" event handler for the menu bar
            > > function onMenuRender(p_sType, p_sArgs, p_oMenu) {
            > > setupMenuAnimation(p_oMenu);
            > > }
            > > // Instantiate and render the menu bar
            > > var oMenuBar = new YAHOO.widget.MenuBar
            > > ("productsandservices", { autosubmenudisplay:true, hidedelay:750,
            > > lazyload:true });
            > > // Subscribe to the "beforerender" event
            > > oMenuBar.renderEvent.subscribe(onMenuRender, oMenuBar,
            > > true);
            > > oMenuBar.render();
            > > }
            > > // Initialize and render the menu bar when it is
            available in
            > > the DOM
            > > YAHOO.util.Event.onAvailable("productsandservices",
            > > YAHOO.example.onMenuBarAvailable);
            > > </script>
            > > </head>
            > > <body id="yahoo-com">
            > > <div id="doc2" class="yui-t3">
            > > <div id="hd">
            > > <img src="#" height="50" width="150" />
            > > <!-- Menu start -->
            > > <div id="productsandservices"
            > > class="yuimenubar">
            > > <div class="bd">
            > > <ul class="first-of-type">
            > > <li class="yuimenubaritem first-of-
            type"><a
            > > href="http://communication.yahoo.com">Communication</a>
            > > <div id="communication"
            > > class="yuimenu">
            > > <div class="bd">
            > > <ul>
            > > <li
            > > class="yuimenuitem"><a
            href="http://360.yahoo.com">360°</a></li>
            > > <li
            > > class="yuimenuitem"><a
            href="http://alerts.yahoo.com">Alerts</a></li>
            > > <li
            > > class="yuimenuitem"><a
            > > href="http://avatars.yahoo.com">Avatars</a></li>
            > > <li
            > > class="yuimenuitem"><a
            href="http://groups.yahoo.com">Groups</a></li>
            > > <li
            > > class="yuimenuitem"><a
            > > href="http://promo.yahoo.com/broadband/">Internet Access</a></li>
            > > <li
            > > class="yuimenuitem">PIM
            > > <div id="pim"
            > > class="yuimenu">
            > > <div
            > > class="bd">
            > >
            <ul
            > > class="first-of-type">
            > >
            <li
            > > class="yuimenuitem"><a href="http://mail.yahoo.com">Yahoo!
            > > Mail</a></li>
            > >
            <li
            > > class="yuimenuitem"><a href="http://addressbook.yahoo.com">Yahoo!
            > > Address Book</a></li>
            > >
            <li
            > > class="yuimenuitem"><a href="http://calendar.yahoo.com">Yahoo!
            > > Calendar</a></li>
            > >
            <li
            > > class="yuimenuitem"><a href="http://notepad.yahoo.com">Yahoo!
            > > Notepad</a></li>
            > >
            > > </ul>
            > > </div>
            > >
            > > </div>
            > > </li>
            > > <li
            > > class="yuimenuitem"><a href="http://members.yahoo.com">Member
            > > Directory</a></li>
            > > <li
            > > class="yuimenuitem"><a
            > > href="http://messenger.yahoo.com">Messenger</a></li>
            > > <li
            > > class="yuimenuitem"><a
            href="http://mobile.yahoo.com">Mobile</a></li>
            > > <li
            > > class="yuimenuitem"><a
            href="http://photos.yahoo.com">Photos</a></li>
            > > </ul>
            > > </div>
            > > </div>
            > > </li>
            > > <li class="yuimenubaritem"><a
            > > href="http://shopping.yahoo.com">Shopping</a>
            > > <div id="shopping"
            class="yuimenu">
            > > <div class="bd">
            > > <ul>
            > > <li
            > > class="yuimenuitem"><a
            > > href="http://auctions.shopping.yahoo.com">Auctions</a></li>
            > > <li
            > > class="yuimenuitem"><a
            href="http://autos.yahoo.com">Autos</a></li>
            > > <li
            > > class="yuimenuitem"><a
            > > href="http://classifieds.yahoo.com">Classifieds</a></li>
            > > <li
            > > class="yuimenuitem"><a href="http://shopping.yahoo.com/b:Flowers%
            20%
            > > 26%20Gifts:20146735">Flowers & Gifts</a></li>
            > > <li
            > > class="yuimenuitem"><a
            href="http://points.yahoo.com">Points</a></li>
            > > <li
            > > class="yuimenuitem"><a href="http://realestate.yahoo.com">Real
            > > Estate</a></li>
            > > <li
            > > class="yuimenuitem"><a
            href="http://travel.yahoo.com">Travel</a></li>
            > > <li
            > > class="yuimenuitem"><a
            href="http://wallet.yahoo.com">Wallet</a></li>
            > > <li
            > > class="yuimenuitem"><a href="http://yp.yahoo.com">Yellow
            > > Pages</a></li>
            > > </ul>
            > > </div>
            > >
            > > </div>
            > > </li>
            > > <li class="yuimenubaritem"><a
            > > href="http://entertainment.yahoo.com">Entertainment</a>
            > > <div id="entertainment"
            > > class="yuimenu">
            > > <div class="bd">
            > > <ul>
            > > <li
            > > class="yuimenuitem"><a
            href="http://fantasysports.yahoo.com">Fantasy
            > > Sports</a></li>
            > > <li
            > > class="yuimenuitem"><a
            href="http://games.yahoo.com">Games</a></li>
            > > <li
            > > class="yuimenuitem"><a
            href="http://www.yahooligans.com">Kids</a></li>
            > > <li
            > > class="yuimenuitem"><a
            href="http://music.yahoo.com">Music</a></li>
            > > <li
            > > class="yuimenuitem"><a
            href="http://movies.yahoo.com">Movies</a></li>
            > > <li
            > > class="yuimenuitem"><a
            > > href="http://music.yahoo.com/launchcast">Radio</a></li>
            > > <li
            > > class="yuimenuitem"><a
            href="http://travel.yahoo.com">Travel</a></li>
            > > <li
            > > class="yuimenuitem"><a href="http://tv.yahoo.com">TV</a></li>
            > >
            > > </ul>
            > > </div>
            > >
            > > </div>
            > > </li>
            > > <li class="yuimenubaritem">Information
            > > <div id="information"
            > > class="yuimenu">
            > > <div
            > > class="bd">
            > > <ul>
            > > <li
            > > class="yuimenuitem"><a
            > > href="http://downloads.yahoo.com">Downloads</a></li>
            > > <li
            > > class="yuimenuitem"><a
            > > href="http://finance.yahoo.com">Finance</a></li>
            > > <li
            > > class="yuimenuitem"><a
            href="http://health.yahoo.com">Health</a></li>
            > > <li
            > > class="yuimenuitem"><a
            href="http://local.yahoo.com">Local</a></li>
            > > <li
            > > class="yuimenuitem"><a href="http://maps.yahoo.com">Maps &
            > > Directions</a></li>
            > > <li
            > > class="yuimenuitem"><a href="http://my.yahoo.com">My Yahoo!
            </a></li>
            > > <li
            > > class="yuimenuitem"><a href="http://news.yahoo.com">News</a></li>
            > > <li
            > > class="yuimenuitem"><a
            href="http://search.yahoo.com">Search</a></li>
            > > <li
            > > class="yuimenuitem"><a href="http://smallbusiness.yahoo.com">Small
            > > Business</a></li>
            > > <li
            > > class="yuimenuitem"><a
            > > href="http://weather.yahoo.com">Weather</a></li>
            > > </ul>
            > > </div>
            > >
            > > </div>
            > > </li>
            > > </ul>
            > > </div>
            > > </div>
            > > <!--Menu end -->
            > > </div>
            > > <div id="bd">
            > > <div id="yui-main">
            > > <div class="yui-b">
            > > main content
            > > </div>
            > > </div>
            > > <div class="yui-b">
            > > left column
            > > </div>
            > > </div>
            > > <div id="ft">
            > > footer
            > > </div>
            > > </div>
            > > </body>
            > > </html>
            > > --------------
            > > -- CODE END --
            > > --------------
            > >
            > >
            > >
            > >
            > > Yahoo! Groups Links
            > >
            > >
            > >
            > >
            >
          • victorcorey
            Well, looking at the example the constructor set the lazyLoad to true. If I remove this, the menu loads and sizes accordingly. Is this the way to fix it?
            Message 5 of 6 , Jan 4, 2007
            • 0 Attachment
              Well, looking at the example the constructor set the lazyLoad to
              true. If I remove this, the menu loads and sizes accordingly.

              Is this the way to fix it?

              Thanks,
              Victor

              --- In ydn-javascript@yahoogroups.com, "victorcorey"
              <victor.corey@...> wrote:
              >
              > Hello all,
              >
              > Still getting this problem. I have uploaded the sample files and a
              > small swf video showing the problem. Can someone let me know what
              I'm
              > doing wrong?
              >
              > Web Page: http://www.victorcorey.com/yui/menu.htm
              > Video: http://www.victorcorey.com/yui/yui_menu.swf
              >
              > Thanks,
              > Victor
              >
              >
              > --- In ydn-javascript@yahoogroups.com, "Ben Long" <benlong@> wrote:
              > >
              > > ok, the code wasn't that bad - it was just a shocker at first
              > sight. =o) I'm
              > > not getting any scrollbars (camino or firefox on a mac, IE7 and
              > firefox in
              > > windows).
              > >
              > > - Ben
              > >
              > > On 12/15/06, victorcorey <victor.corey@> wrote:
              > > >
              > > > Hello,
              > > >
              > > > I'm new to this group and just started working with the YUI
              > Library
              > > > yesterday.
              > > >
              > > > I was trying to set-up a simple layout using the doc2 page width
              > > > (950). When I add the MenuBar to the header div the left-right
              > > > scrollbars showup.
              > > >
              > > > Here's my code, any ideas what I'm doing wrong?
              > > >
              > > >
              > > > --------------
              > > > --CODE BEGIN--
              > > > --------------
              > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
              > > > 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
              > > > <html>
              > > > <head>
              > > > <meta http-equiv="Content-Type"
              > content="text/html;
              > > > charset=iso-8859-1" />
              > > > <title>IT Portal</title>
              > > > <!-- Standard reset, fonts and grids -->
              > > > <link rel="stylesheet" type="text/css"
              > > > href="lib/YahooUI/reset-fonts-grids/reset-fonts-grids.css">
              > > > <!-- CSS for Menu -->
              > > > <link rel="stylesheet" type="text/css"
              > > > href="lib/YahooUI/menu/assets/menu.css">
              > > > <!-- Namespace source file -->
              > > > <script type="text/javascript"
              > > > src="lib/YahooUI/yahoo/yahoo.js"></script>
              > > > <!-- Dependency source files -->
              > > > <script type="text/javascript"
              > > > src="lib/YahooUI/event/event.js"></script>
              > > > <script type="text/javascript"
              > > > src="lib/YahooUI/dom/dom.js"></script>
              > > > <script type="text/javascript"
              > > > src="lib/YahooUI/animation/animation.js"></script>
              > > > <!-- Container source file -->
              > > > <script type="text/javascript"
              > > > src="lib/YahooUI/container/container_core.js"></script>
              > > > <!-- Menu source file -->
              > > > <script type="text/javascript"
              > > > src="lib/YahooUI/menu/menu.js"></script>
              > > > <!-- Page specific styles -->
              > > > <style type="text/css">
              > > > #productsandservices {
              > > > margin:0 0 10px 0;
              > > > }
              > > > </style>
              > > > <!-- Page specific script -->
              > > > <script type="text/javascript">
              > > > YAHOO.example.onMenuBarAvailable = function(p_oEvent) {
              > > > // Animation object
              > > > var oAnim;
              > > > // Utility function used to setup animation for
              > submenus
              > > > function setupMenuAnimation(p_oMenu) {
              > > > if(!p_oMenu.animationSetup) {
              > > > var aItems = p_oMenu.getItemGroups();
              > > > if(aItems && aItems[0]) {
              > > > var i = aItems[0].length - 1;
              > > > var oSubmenu;
              > > > do {
              > > > oSubmenu = p_oMenu.getItem
              > > > (i).cfg.getProperty("submenu");
              > > > if(oSubmenu) {
              > > >
              oSubmenu.beforeShowEvent.subscribe
              > > > (onMenuBeforeShow, oSubmenu, true);
              > > > oSubmenu.showEvent.subscribe
              > > > (onMenuShow, oSubmenu, true);
              > > > }
              > > > }
              > > > while(i--);
              > > > }
              > > > p_oMenu.animationSetup = true;
              > > > }
              > > > }
              > > > // "beforeshow" event handler for each submenu of
              the
              > > > menu bar
              > > > function onMenuBeforeShow(p_sType, p_sArgs,
              p_oMenu) {
              > > > if(oAnim && oAnim.isAnimated()) {
              > > > oAnim.stop();
              > > > oAnim = null;
              > > > }
              > > > YAHOO.util.Dom.setStyle
              > > > (this.element, "overflow", "hidden");
              > > > YAHOO.util.Dom.setStyle(this.body, "marginTop",
              > ("-"
              > > > + this.body.offsetHeight + "px"));
              > > > }
              > > > // "show" event handler for each submenu of the
              menu
              > bar
              > > > function onMenuShow(p_sType, p_sArgs, p_oMenu) {
              > > > oAnim = new YAHOO.util.Anim(
              > > > this.body,
              > > > { marginTop: { to: 0 } },
              > > > .5,
              > > > YAHOO.util.Easing.easeOut
              > > > );
              > > > oAnim.animate();
              > > > var me = this;
              > > > function onTween() {
              > > > me.cfg.refireEvent("iframe");
              > > > }
              > > > function onAnimationComplete() {
              > > > YAHOO.util.Dom.setStyle
              (me.body, "marginTop",
              > > > ("0px"));
              > > > YAHOO.util.Dom.setStyle
              > > > (me.element, "overflow", "visible");
              > > > setupMenuAnimation(me);
              > > > }
              > > > /*
              > > > Refire the event handler for the "iframe"
              > > > configuration property with each tween so
              > that
              > > > the
              > > > size and position of the iframe shim
              remain
              > in
              > > > sync
              > > > with the menu.
              > > > */
              > > > if(this.cfg.getProperty("iframe") == true) {
              > > > oAnim.onTween.subscribe(onTween);
              > > > }
              > > > oAnim.onComplete.subscribe(onAnimationComplete);
              > > > }
              > > > // "render" event handler for the menu bar
              > > > function onMenuRender(p_sType, p_sArgs, p_oMenu) {
              > > > setupMenuAnimation(p_oMenu);
              > > > }
              > > > // Instantiate and render the menu bar
              > > > var oMenuBar = new YAHOO.widget.MenuBar
              > > > ("productsandservices", { autosubmenudisplay:true,
              hidedelay:750,
              > > > lazyload:true });
              > > > // Subscribe to the "beforerender" event
              > > > oMenuBar.renderEvent.subscribe(onMenuRender,
              oMenuBar,
              > > > true);
              > > > oMenuBar.render();
              > > > }
              > > > // Initialize and render the menu bar when it is
              > available in
              > > > the DOM
              > > > YAHOO.util.Event.onAvailable("productsandservices",
              > > > YAHOO.example.onMenuBarAvailable);
              > > > </script>
              > > > </head>
              > > > <body id="yahoo-com">
              > > > <div id="doc2" class="yui-t3">
              > > > <div id="hd">
              > > > <img src="#" height="50" width="150" />
              > > > <!-- Menu start -->
              > > > <div id="productsandservices"
              > > > class="yuimenubar">
              > > > <div class="bd">
              > > > <ul class="first-of-type">
              > > > <li class="yuimenubaritem first-of-
              > type"><a
              > > > href="http://communication.yahoo.com">Communication</a>
              > > > <div id="communication"
              > > > class="yuimenu">
              > > > <div class="bd">
              > > > <ul>
              > > > <li
              > > > class="yuimenuitem"><a
              > href="http://360.yahoo.com">360°</a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              > href="http://alerts.yahoo.com">Alerts</a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              > > > href="http://avatars.yahoo.com">Avatars</a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              > href="http://groups.yahoo.com">Groups</a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              > > > href="http://promo.yahoo.com/broadband/">Internet
              Access</a></li>
              > > > <li
              > > > class="yuimenuitem">PIM
              > > > <div id="pim"
              > > > class="yuimenu">
              > > > <div
              > > > class="bd">
              > > >
              > <ul
              > > > class="first-of-type">
              > > >
              > <li
              > > > class="yuimenuitem"><a href="http://mail.yahoo.com">Yahoo!
              > > > Mail</a></li>
              > > >
              > <li
              > > > class="yuimenuitem"><a
              href="http://addressbook.yahoo.com">Yahoo!
              > > > Address Book</a></li>
              > > >
              > <li
              > > > class="yuimenuitem"><a href="http://calendar.yahoo.com">Yahoo!
              > > > Calendar</a></li>
              > > >
              > <li
              > > > class="yuimenuitem"><a href="http://notepad.yahoo.com">Yahoo!
              > > > Notepad</a></li>
              > > >
              > > > </ul>
              > > > </div>
              > > >
              > > > </div>
              > > > </li>
              > > > <li
              > > > class="yuimenuitem"><a href="http://members.yahoo.com">Member
              > > > Directory</a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              > > > href="http://messenger.yahoo.com">Messenger</a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              > href="http://mobile.yahoo.com">Mobile</a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              > href="http://photos.yahoo.com">Photos</a></li>
              > > > </ul>
              > > > </div>
              > > > </div>
              > > > </li>
              > > > <li class="yuimenubaritem"><a
              > > > href="http://shopping.yahoo.com">Shopping</a>
              > > > <div id="shopping"
              > class="yuimenu">
              > > > <div class="bd">
              > > > <ul>
              > > > <li
              > > > class="yuimenuitem"><a
              > > > href="http://auctions.shopping.yahoo.com">Auctions</a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              > href="http://autos.yahoo.com">Autos</a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              > > > href="http://classifieds.yahoo.com">Classifieds</a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              href="http://shopping.yahoo.com/b:Flowers%
              > 20%
              > > > 26%20Gifts:20146735">Flowers & Gifts</a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              > href="http://points.yahoo.com">Points</a></li>
              > > > <li
              > > > class="yuimenuitem"><a href="http://realestate.yahoo.com">Real
              > > > Estate</a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              > href="http://travel.yahoo.com">Travel</a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              > href="http://wallet.yahoo.com">Wallet</a></li>
              > > > <li
              > > > class="yuimenuitem"><a href="http://yp.yahoo.com">Yellow
              > > > Pages</a></li>
              > > > </ul>
              > > > </div>
              > > >
              > > > </div>
              > > > </li>
              > > > <li class="yuimenubaritem"><a
              > > > href="http://entertainment.yahoo.com">Entertainment</a>
              > > > <div id="entertainment"
              > > > class="yuimenu">
              > > > <div class="bd">
              > > > <ul>
              > > > <li
              > > > class="yuimenuitem"><a
              > href="http://fantasysports.yahoo.com">Fantasy
              > > > Sports</a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              > href="http://games.yahoo.com">Games</a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              > href="http://www.yahooligans.com">Kids</a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              > href="http://music.yahoo.com">Music</a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              > href="http://movies.yahoo.com">Movies</a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              > > > href="http://music.yahoo.com/launchcast">Radio</a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              > href="http://travel.yahoo.com">Travel</a></li>
              > > > <li
              > > > class="yuimenuitem"><a href="http://tv.yahoo.com">TV</a></li>
              > > >
              > > > </ul>
              > > > </div>
              > > >
              > > > </div>
              > > > </li>
              > > > <li class="yuimenubaritem">Information
              > > > <div id="information"
              > > > class="yuimenu">
              > > > <div
              > > > class="bd">
              > > > <ul>
              > > > <li
              > > > class="yuimenuitem"><a
              > > > href="http://downloads.yahoo.com">Downloads</a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              > > > href="http://finance.yahoo.com">Finance</a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              > href="http://health.yahoo.com">Health</a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              > href="http://local.yahoo.com">Local</a></li>
              > > > <li
              > > > class="yuimenuitem"><a href="http://maps.yahoo.com">Maps &
              > > > Directions</a></li>
              > > > <li
              > > > class="yuimenuitem"><a href="http://my.yahoo.com">My Yahoo!
              > </a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              href="http://news.yahoo.com">News</a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              > href="http://search.yahoo.com">Search</a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              href="http://smallbusiness.yahoo.com">Small
              > > > Business</a></li>
              > > > <li
              > > > class="yuimenuitem"><a
              > > > href="http://weather.yahoo.com">Weather</a></li>
              > > > </ul>
              > > > </div>
              > > >
              > > > </div>
              > > > </li>
              > > > </ul>
              > > > </div>
              > > > </div>
              > > > <!--Menu end -->
              > > > </div>
              > > > <div id="bd">
              > > > <div id="yui-main">
              > > > <div class="yui-b">
              > > > main content
              > > > </div>
              > > > </div>
              > > > <div class="yui-b">
              > > > left column
              > > > </div>
              > > > </div>
              > > > <div id="ft">
              > > > footer
              > > > </div>
              > > > </div>
              > > > </body>
              > > > </html>
              > > > --------------
              > > > -- CODE END --
              > > > --------------
              > > >
              > > >
              > > >
              > > >
              > > > Yahoo! Groups Links
              > > >
              > > >
              > > >
              > > >
              > >
              >
            • Adam Leckron
              I have the same problem, I think. For me it happens in IE, but not Firefox. When the menubar divs get created they seem to be a good bit wider than the
              Message 6 of 6 , Mar 30, 2007
              • 0 Attachment
                I have the same problem, I think.  For me it happens in IE, but not Firefox.  When the menubar divs get created they seem to be a good bit wider than the content and are positioned just to the right of the  parent menubaritem.  Since the div, though invisible, extends beyond the viewport- you get a horizontal scrollbar.

                Try putting this in your CSS:
                div.yuimenu{top:0;left:0;}
                Kind of a hack but it seems to work for me.  The event handler that shows the menu positions it correctly, overriding the CSS.
                --- In ydn-javascript@yahoogroups.com, "victorcorey" <victor.corey@...> wrote:
                >
                > Well, looking at the example the constructor set the lazyLoad to
                > true. If I remove this, the menu loads and sizes accordingly.
                >
                > Is this the way to fix it?
                >
                > Thanks,
                > Victor
                >
                > --- In ydn-javascript@yahoogroups.com, "victorcorey"
                > victor.corey@ wrote:
                > >
                > > Hello all,
                > >
                > > Still getting this problem. I have uploaded the sample files and a
                > > small swf video showing the problem. Can someone let me know what
                > I'm
                > > doing wrong?
                > >
                > > Web Page: http://www.victorcorey.com/yui/menu.htm
                > > Video: http://www.victorcorey.com/yui/yui_menu.swf
                > >
                > > Thanks,
                > > Victor
                > >
                > >
                > > --- In ydn-javascript@yahoogroups.com, "Ben Long" <benlong@> wrote:
                > > >
                > > > ok, the code wasn't that bad - it was just a shocker at first
                > > sight. =o) I'm
                > > > not getting any scrollbars (camino or firefox on a mac, IE7 and
                > > firefox in
                > > > windows).
                > > >
                > > > - Ben
                > > >
                > > > On 12/15/06, victorcorey <victor.corey@> wrote:
                > > > >
                > > > > Hello,
                > > > >
                > > > > I'm new to this group and just started working with the YUI
                > > Library
                > > > > yesterday.
                > > > >
                > > > > I was trying to set-up a simple layout using the doc2 page width
                > > > > (950). When I add the MenuBar to the header div the left-right
                > > > > scrollbars showup.
                > > > >
                > > > > Here's my code, any ideas what I'm doing wrong?
                > > > >
                > > > >
                > > > > --------------
                > > > > --CODE BEGIN--
                > > > > --------------
                > > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
                > > > > 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
                > > > > <html>
                > > > > <head>
                > > > > <meta http-equiv="Content-Type"
                > > content="text/html;
                > > > > charset=iso-8859-1" />
                > > > > <title>IT Portal</title>
                > > > > <!-- Standard reset, fonts and grids -->
                > > > > <link rel="stylesheet" type="text/css"
                > > > > href="lib/YahooUI/reset-fonts-grids/reset-fonts-grids.css">
                > > > > <!-- CSS for Menu -->
                > > > > <link rel="stylesheet" type="text/css"
                > > > > href="lib/YahooUI/menu/assets/menu.css">
                > > > > <!-- Namespace source file -->
                > > > > <script type="text/javascript"
                > > > > src="lib/YahooUI/yahoo/yahoo.js"></script>
                > > > > <!-- Dependency source files -->
                > > > > <script type="text/javascript"
                > > > > src="lib/YahooUI/event/event.js"></script>
                > > > > <script type="text/javascript"
                > > > > src="lib/YahooUI/dom/dom.js"></script>
                > > > > <script type="text/javascript"
                > > > > src="lib/YahooUI/animation/animation.js"></script>
                > > > > <!-- Container source file -->
                > > > > <script type="text/javascript"
                > > > > src="lib/YahooUI/container/container_core.js"></script>
                > > > > <!-- Menu source file -->
                > > > > <script type="text/javascript"
                > > > > src="lib/YahooUI/menu/menu.js"></script>
                > > > > <!-- Page specific styles -->
                > > > > <style type="text/css">
                > > > > #productsandservices {
                > > > > margin:0 0 10px 0;
                > > > > }
                > > > > </style>
                > > > > <!-- Page specific script -->
                > > > > <script type="text/javascript">
                > > > > YAHOO.example.onMenuBarAvailable = function(p_oEvent) {
                > > > > // Animation object
                > > > > var oAnim;
                > > > > // Utility function used to setup animation for
                > > submenus
                > > > > function setupMenuAnimation(p_oMenu) {
                > > > > if(!p_oMenu.animationSetup) {
                > > > > var aItems = p_oMenu.getItemGroups();
                > > > > if(aItems && aItems[0]) {
                > > > > var i = aItems[0].length - 1;
                > > > > var oSubmenu;
                > > > > do {
                > > > > oSubmenu = p_oMenu.getItem
                > > > > (i).cfg.getProperty("submenu");
                > > > > if(oSubmenu) {
                > > > >
                > oSubmenu.beforeShowEvent.subscribe
                > > > > (onMenuBeforeShow, oSubmenu, true);
                > > > > oSubmenu.showEvent.subscribe
                > > > > (onMenuShow, oSubmenu, true);
                > > > > }
                > > > > }
                > > > > while(i--);
                > > > > }
                > > > > p_oMenu.animationSetup = true;
                > > > > }
                > > > > }
                > > > > // "beforeshow" event handler for each submenu of
                > the
                > > > > menu bar
                > > > > function onMenuBeforeShow(p_sType, p_sArgs,
                > p_oMenu) {
                > > > > if(oAnim && oAnim.isAnimated()) {
                > > > > oAnim.stop();
                > > > > oAnim = null;
                > > > > }
                > > > > YAHOO.util.Dom.setStyle
                > > > > (this.element, "overflow", "hidden");
                > > > > YAHOO.util.Dom.setStyle(this.body, "marginTop",
                > > ("-"
                > > > > + this.body.offsetHeight + "px"));
                > > > > }
                > > > > // "show" event handler for each submenu of the
                > menu
                > > bar
                > > > > function onMenuShow(p_sType, p_sArgs, p_oMenu) {
                > > > > oAnim = new YAHOO.util.Anim(
                > > > > this.body,
                > > > > { marginTop: { to: 0 } },
                > > > > .5,
                > > > > YAHOO.util.Easing.easeOut
                > > > > );
                > > > > oAnim.animate();
                > > > > var me = this;
                > > > > function onTween() {
                > > > > me.cfg.refireEvent("iframe");
                > > > > }
                > > > > function onAnimationComplete() {
                > > > > YAHOO.util.Dom.setStyle
                > (me.body, "marginTop",
                > > > > ("0px"));
                > > > > YAHOO.util.Dom.setStyle
                > > > > (me.element, "overflow", "visible");
                > > > > setupMenuAnimation(me);
                > > > > }
                > > > > /*
                > > > > Refire the event handler for the "iframe"
                > > > > configuration property with each tween so
                > > that
                > > > > the
                > > > > size and position of the iframe shim
                > remain
                > > in
                > > > > sync
                > > > > with the menu.
                > > > > */
                > > > > if(this.cfg.getProperty("iframe") == true) {
                > > > > oAnim.onTween.subscribe(onTween);
                > > > > }
                > > > > oAnim.onComplete.subscribe(onAnimationComplete);
                > > > > }
                > > > > // "render" event handler for the menu bar
                > > > > function onMenuRender(p_sType, p_sArgs, p_oMenu) {
                > > > > setupMenuAnimation(p_oMenu);
                > > > > }
                > > > > // Instantiate and render the menu bar
                > > > > var oMenuBar = new YAHOO.widget.MenuBar
                > > > > ("productsandservices", { autosubmenudisplay:true,
                > hidedelay:750,
                > > > > lazyload:true });
                > > > > // Subscribe to the "beforerender" event
                > > > > oMenuBar.renderEvent.subscribe(onMenuRender,
                > oMenuBar,
                > > > > true);
                > > > > oMenuBar.render();
                > > > > }
                > > > > // Initialize and render the menu bar when it is
                > > available in
                > > > > the DOM
                > > > > YAHOO.util.Event.onAvailable("productsandservices",
                > > > > YAHOO.example.onMenuBarAvailable);
                > > > > </script>
                > > > > </head>
                > > > > <body id="yahoo-com">
                > > > > <div id="doc2" class="yui-t3">
                > > > > <div id="hd">
                > > > > <img src="#" height="50" width="150" />
                > > > > <!-- Menu start -->
                > > > > <div id="productsandservices"
                > > > > class="yuimenubar">
                > > > > <div class="bd">
                > > > > <ul class="first-of-type">
                > > > > <li class="yuimenubaritem first-of-
                > > type"><a
                > > > > href="http://communication.yahoo.com">Communication</a>
                > > > > <div id="communication"
                > > > > class="yuimenu">
                > > > > <div class="bd">
                > > > > <ul>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > href="http://360.yahoo.com">360&#176;</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > href="http://alerts.yahoo.com">Alerts</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > > > href="http://avatars.yahoo.com">Avatars</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > href="http://groups.yahoo.com">Groups</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > > > href="http://promo.yahoo.com/broadband/">Internet
                > Access</a></li>
                > > > > <li
                > > > > class="yuimenuitem">PIM
                > > > > <div id="pim"
                > > > > class="yuimenu">
                > > > > <div
                > > > > class="bd">
                > > > >
                > > <ul
                > > > > class="first-of-type">
                > > > >
                > > <li
                > > > > class="yuimenuitem"><a href="http://mail.yahoo.com">Yahoo!
                > > > > Mail</a></li>
                > > > >
                > > <li
                > > > > class="yuimenuitem"><a
                > href="http://addressbook.yahoo.com">Yahoo!
                > > > > Address Book</a></li>
                > > > >
                > > <li
                > > > > class="yuimenuitem"><a href="http://calendar.yahoo.com">Yahoo!
                > > > > Calendar</a></li>
                > > > >
                > > <li
                > > > > class="yuimenuitem"><a href="http://notepad.yahoo.com">Yahoo!
                > > > > Notepad</a></li>
                > > > >
                > > > > </ul>
                > > > > </div>
                > > > >
                > > > > </div>
                > > > > </li>
                > > > > <li
                > > > > class="yuimenuitem"><a href="http://members.yahoo.com">Member
                > > > > Directory</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > > > href="http://messenger.yahoo.com">Messenger</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > href="http://mobile.yahoo.com">Mobile</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > href="http://photos.yahoo.com">Photos</a></li>
                > > > > </ul>
                > > > > </div>
                > > > > </div>
                > > > > </li>
                > > > > <li class="yuimenubaritem"><a
                > > > > href="http://shopping.yahoo.com">Shopping</a>
                > > > > <div id="shopping"
                > > class="yuimenu">
                > > > > <div class="bd">
                > > > > <ul>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > > > href="http://auctions.shopping.yahoo.com">Auctions</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > href="http://autos.yahoo.com">Autos</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > > > href="http://classifieds.yahoo.com">Classifieds</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > href="http://shopping.yahoo.com/b:Flowers%
                > > 20%
                > > > > 26%20Gifts:20146735">Flowers &#38; Gifts</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > href="http://points.yahoo.com">Points</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a href="http://realestate.yahoo.com">Real
                > > > > Estate</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > href="http://travel.yahoo.com">Travel</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > href="http://wallet.yahoo.com">Wallet</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a href="http://yp.yahoo.com">Yellow
                > > > > Pages</a></li>
                > > > > </ul>
                > > > > </div>
                > > > >
                > > > > </div>
                > > > > </li>
                > > > > <li class="yuimenubaritem"><a
                > > > > href="http://entertainment.yahoo.com">Entertainment</a>
                > > > > <div id="entertainment"
                > > > > class="yuimenu">
                > > > > <div class="bd">
                > > > > <ul>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > href="http://fantasysports.yahoo.com">Fantasy
                > > > > Sports</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > href="http://games.yahoo.com">Games</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > href="http://www.yahooligans.com">Kids</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > href="http://music.yahoo.com">Music</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > href="http://movies.yahoo.com">Movies</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > > > href="http://music.yahoo.com/launchcast">Radio</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > href="http://travel.yahoo.com">Travel</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a href="http://tv.yahoo.com">TV</a></li>
                > > > >
                > > > > </ul>
                > > > > </div>
                > > > >
                > > > > </div>
                > > > > </li>
                > > > > <li class="yuimenubaritem">Information
                > > > > <div id="information"
                > > > > class="yuimenu">
                > > > > <div
                > > > > class="bd">
                > > > > <ul>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > > > href="http://downloads.yahoo.com">Downloads</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > > > href="http://finance.yahoo.com">Finance</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > href="http://health.yahoo.com">Health</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > href="http://local.yahoo.com">Local</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a href="http://maps.yahoo.com">Maps &#38;
                > > > > Directions</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a href="http://my.yahoo.com">My Yahoo!
                > > </a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > href="http://news.yahoo.com">News</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > href="http://search.yahoo.com">Search</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > href="http://smallbusiness.yahoo.com">Small
                > > > > Business</a></li>
                > > > > <li
                > > > > class="yuimenuitem"><a
                > > > > href="http://weather.yahoo.com">Weather</a></li>
                > > > > </ul>
                > > > > </div>
                > > > >
                > > > > </div>
                > > > > </li>
                > > > > </ul>
                > > > > </div>
                > > > > </div>
                > > > > <!--Menu end -->
                > > > > </div>
                > > > > <div id="bd">
                > > > > <div id="yui-main">
                > > > > <div class="yui-b">
                > > > > main content
                > > > > </div>
                > > > > </div>
                > > > > <div class="yui-b">
                > > > > left column
                > > > > </div>
                > > > > </div>
                > > > > <div id="ft">
                > > > > footer
                > > > > </div>
                > > > > </div>
                > > > > </body>
                > > > > </html>
                > > > > --------------
                > > > > -- CODE END --
                > > > > --------------
                > > > >
                > > > >
                > > > >
                > > > >
                > > > > Yahoo! Groups Links
                > > > >
                > > > >
                > > > >
                > > > >
                > > >
                > >
                >
              Your message has been successfully submitted and would be delivered to recipients shortly.