5 Replies Latest reply on Jan 5, 2009 11:57 AM by joysong7

    Dropdown Menus

    joysong7 Level 1
      Hello,

      Please look at - http://www.wolffsystem.com

      In Firefox the top menu is on one line. In IE the EUROPE link is on a second line. Is there a way to prevent that from happening in these and other browsers.

      Thanks so much for your help,
      Carol
        • 1. Re: Dropdown Menus
          Level 7
          Add a DOCTYPE. In Dreamweaver 8 and higher:

          File > Convert
          Choose a DOCTYPE.

          --
          Al Sparber - PVII
          http://www.projectseven.com
          The Finest Dreamweaver Menus | Galleries | Widgets
          http://www.projectseven.com/go/pop
          The Ultimate DW Menu System




          "joysong7" <webforumsuser@macromedia.com> wrote in message
          news:gjgpas$oil$1@forums.macromedia.com...
          > Hello,
          >
          > Please look at - http://www.wolffsystem.com
          >
          > In Firefox the top menu is on one line. In IE the EUROPE link is on a
          > second
          > line. Is there a way to prevent that from happening in these and other
          > browsers.
          >
          > Thanks so much for your help,
          > Carol
          >

          • 2. Re: Dropdown Menus
            Level 7
            That's the risk you take with horizontal text menus. I prefer to leave
            plenty of wiggle room on horizontal menus in case the user's default text
            size is set to something way above average. If you reduce padding and font
            sizes a little, you might get it to stick in most but probably not all
            browser settings.


            #p7menubar a {
            display: block;
            text-decoration: none;
            padding: 10px 5px 5px 5px;
            border-right: 2px solid #3240c7;
            font-size: 12px;
            font-weight: bold;
            color: #000000;
            }


            --
            Nancy O.
            Alt-Web Design & Publishing
            www.alt-web.com


            • 3. Re: Dropdown Menus
              Level 7
              Or deploy as we did in that tutorial's example:
              http://www.projectseven.com/tutorials/navigation/auto_hide/workpage.htm

              He does need a DOCTYPE as that should get IE7 and IE6 to display
              consistently with Firefox, Opera, and Safari.

              --
              Al Sparber - PVII
              http://www.projectseven.com
              The Finest Dreamweaver Menus | Galleries | Widgets
              http://www.projectseven.com/go/pop
              The Ultimate DW Menu System




              "Nancy O" <nancyoshea1@NOSPAMatt.net> wrote in message
              news:gjgqqg$qih$1@forums.macromedia.com...
              > That's the risk you take with horizontal text menus. I prefer to leave
              > plenty of wiggle room on horizontal menus in case the user's default text
              > size is set to something way above average. If you reduce padding and
              > font
              > sizes a little, you might get it to stick in most but probably not all
              > browser settings.
              >
              >
              > #p7menubar a {
              > display: block;
              > text-decoration: none;
              > padding: 10px 5px 5px 5px;
              > border-right: 2px solid #3240c7;
              > font-size: 12px;
              > font-weight: bold;
              > color: #000000;
              > }
              >
              >
              > --
              > Nancy O.
              > Alt-Web Design & Publishing
              > www.alt-web.com
              >
              >

              • 4. Re: Dropdown Menus
                Level 7
                I totally missed the "missing doc type." You're right, that's a must have.


                --
                Nancy O.
                Alt-Web Design & Publishing
                www.alt-web.com


                • 5. Re: Dropdown Menus
                  joysong7 Level 1
                  I have added the DOCTYPE.

                  I am making changes here:

                  #p7menubar a {
                  display: block;
                  text-decoration: none;
                  padding: 10px 0px 0px 0px;
                  border-right: 2px solid #3240c7;
                  font-size: 8px;
                  color: #FF0000;

                  But I am not seeing the changes when I upload. Do I need to make changes in another place?

                  Thanks so much for your help,
                  Carol